<div>Por que não está funcionando?

28/02/2017

0

HTML

O que estou fazendo de errado neste cabeçalho? não está funcionando, como segue
<body>
<div class="cabecalho">
<div class="barra">
Um jeans, uma camiseta, um tênis e uma atitude!
</div>

<div class="menu">
<ul>
<li><a href="Tutti_com_snos.html">Sobre nós</a>|</li>
<li><a href="Tutti_com_scamiseta.html">Sobre a camiseta</a>|</li>
<li><a href="Tutti_com_franquia.html">Franquia on line</a>|</li>
</ul>
</div>

<div class="cabecalho">
<img src="tutti logo.png" width="296" height="64">
</div>
</div>
</body>
css:
body {
background-color:#FFFFFF;
font-family: ebrima;
font-size: 15px;
color: #523C80;
}

}
a:link{
text-decoration: none;
color:#523C80;
}
a:hover {
text-decoration: none;
color: #BDBDBD;
}
.cabecalho{
background-color:#523C80;
}
.barra{
background-color:#6D6D6D;
}
.cabecalho{
position:absolute;
margin-top:30px;
padding:0px;
margin-left:0px;
float:left;
}
.menu ul {
margin-top:90px;
padding:0px;
float: left;
width: 100%;
list-style:none;
border: 1px solid;
border-color:#BDBDBD;
}

.menu ul li {
display: inline;
}

.menu ul li a {
padding: 2px 10px;
display: inline-block;
}
Rosemary Magedans

Rosemary Magedans

Responder

Posts

28/02/2017

Paulo Hendrix

Levando em conta que esta parte esta em dígamo index.html ou etc..e a parte do código css. esta em uma css qualquer. ok.. tipo style.css
este e o corpo index.html
<body>
<div class="cabecalho">
       <div class="barra">
               Um jeans, uma camiseta, um tênis e uma atitude!
       </div>
    <div class="menu">
        <ul>
              <li><a href="Tutti_com_snos.html">Sobre nós</a>|</li>
              <li><a href="Tutti_com_scamiseta.html">Sobre a camiseta</a>|</li>
              <li><a href="Tutti_com_franquia.html">Franquia on line</a>|</li>	
        </ul>
    </div>
<div class="cabecalho">
        <img src="tutti logo.png" width="296" height="64">
</div>
</div>
</body> 

este e o corpo style.css
[code]

body {
background-color:#FFFFFF;
font-family: ebrima;
font-size: 15px;
color: #523C80;
}
}  <<<<<<<<< isto esta a Mais.....>>>>>>

a:link{
text-decoration: none;
color:#523C80;
}

a:hover {
text-decoration: none; 
color: #BDBDBD;
}

.cabecalho{
background-color:#523C80;
}

.barra{
background-color:#6D6D6D;
}

.cabecalho{
position:absolute;
margin-top:30px;
padding:0px;
margin-left:0px;
float:left;
}

.menu ul {
margin-top:90px;
padding:0px;
float: left;
width: 100%;
list-style:none;
border: 1px solid;
border-color:#BDBDBD; 
}

.menu ul li { 
display: inline; 
}

.menu ul li a {
padding: 2px 10px;
display: inline-block;
}
Responder
Gostei + 0

05/03/2017

Rosemary Magedans

Não entendi, a configuração do body ou o que está baixo dela? não dá para ficar sem nenhuma das partes.
Responder
Gostei + 0

05/03/2017

Rosemary Magedans

ok, agora entendi. Fiz algumas correções, mas continua não funcionando. segue o novo código:

<body>
<div class="cabecalho">
<div class="barra">
Um jeans, uma camiseta, um tênis e uma atitude!
</div>

<div class="menu">
<ul>
<li><a href="Tutti_com_snos.html">Sobre nós</a>|</li>
<li><a href="Tutti_com_scamiseta.html">Sobre a camiseta</a>|</li>
<li><a href="Tutti_com_franquia.html">Franquia on line</a>|</li>
</ul>
</div>

<div class="logomarca">
<img src="tutti logo.png" width="296" height="64">
</div>
</div>
</body>

e no arquivo css:

body {
background-color:#FFFFFF;
font-family: ebrima;
font-size: 15px;
color: #523C80;
}

a:link{
text-decoration: none;
color:#523C80;
}
a:hover {
text-decoration: none;
color: #BDBDBD;
}

.barra{
background-color:#6D6D6D;
}

.logomarca{
position:absolute;
margin-top:30px;
padding:0px;
margin-left:0px;
float:left;
}
.menu ul {
margin-top:90px;
padding:0px;
float: left;
width: 100%;
list-style:none;
border: 1px solid;
border-color:#BDBDBD;
}

.menu ul li {
display: inline;
}

.menu ul li a {
padding: 2px 10px;
display: inline-block;
}
Responder
Gostei + 0

06/03/2017

Calebe Menezes

Olá Rosemary, tudo bem?

Não entendi bem o que está acontecendo.

Mão está reconhecendo nada ou só o cabeçalho que tá dando erro?

Como está sua chamada do aquivo css no html?

Qualquer coisa é só falar :)
Responder
Gostei + 0

06/03/2017

Paulo Hendrix

bom.
então vc precisa adicionar a linha
dentro das tags.

<head>
la no seu html
</head>
<head>
.....
<link rel="stylesheet" type="text/css" href="estilo.css">  
.....
</head>

"os pontos são ilustração. simbolizando os outros conteúdos que tem dentro da <Head>"

href="estilo.css"

esta href e onde esta seu css.. dentro da pasta do seu projeto html;

"estilo.css "coloca o nome do seu css : e no local onde salvou se estiver ao lado da html na mesma pasta então e so colocar o nome se tiver e outra pasta vc tera que colocar nomedapasta/arquivo.css <
Responder
Gostei + 0

07/03/2017

Rosemary Magedans

está lá a chamada: <link rel="stylesheet" type="text/css" href="estiloclass.css"> salvos na mesma pasta.
Tentei só com div id que está salvo no arquivo "estilo.css" que usei em outra versão e também não funcionou. Salvei esta versão como "estiloclass.css" para diferenciar desta outra versão mas como podem veer está correto na chamada.
Não funciona: não aparece a tarja no topo, não está configurando o menu, nem a fonte.
Responder
Gostei + 0

07/03/2017

Rosemary Magedans

o cabeçalho está dando erro, não aparece a tarja prevista, não configura a fonte nem a cor da fonte e nem o menu em linha. Tá tudo certo com a chamada do css no head.
Responder
Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar