<div>Por que não está funcionando?
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;
}
<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
Curtidas 0
Respostas
Paulo Hendrix
28/02/2017
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
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;
}
GOSTEI 0
Rosemary Magedans
28/02/2017
Não entendi, a configuração do body ou o que está baixo dela? não dá para ficar sem nenhuma das partes.
GOSTEI 0
Rosemary Magedans
28/02/2017
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;
}
<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;
}
GOSTEI 0
Calebe Menezes
28/02/2017
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 :)
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 :)
GOSTEI 0
Paulo Hendrix
28/02/2017
bom.
então vc precisa adicionar a linha
dentro das tags.
<head>
la no seu html
</head>
"os pontos são ilustração. simbolizando os outros conteúdos que tem dentro da <Head>"
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 <
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 <
GOSTEI 0
Rosemary Magedans
28/02/2017
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.
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.
GOSTEI 0
Rosemary Magedans
28/02/2017
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.
GOSTEI 0