<div>Por que n�o est� funcionando?

28/02/2017

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

Curtir t�pico + 0

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