duvida de css

[issues]

Em html tenho isto:
"<div id="menu">
<div> HOME EMPRESA SERVIÇOS MARCAS CATALOGO HISTORIA CONTACTOS </div>
</div>"

em css:

tenho isto:
"
#menu{
background:url(menu.jpg) no-repeat fixed;
width: 728px;
height: 44px;
}
"

Porque raio não me aparece a imagem?
Que correcção tenho eu de fazer?

Obrigado pela atenção

 

[slack_guy]

a imagem está na mesma pasta que a css?
não te esqueças das " (aspas)

background : url("menu.jpg");

 

[Feiticeiro]

A localização da imagem está no local correcto? Assim acho que deveria estar no mesmo lugar que o css. Vê se não o tens em outro directório.

 

[issues]

Confirmado, a imagem está no localizada no sitio correcto, corrigi as aspas, continua sem aparecer nada

edit: tirei o fixed e já apareceu.


Muito obrigado pessoal.

 

[majo-san]

não te esqueças das " (aspas)

background : url("menu.jpg");

O background-image não leva aspas no meio. Não quer dizer que esteja errado, mas não é necessário. E todos os caracteres que se tiram no código significam largura de banda poupada.

background : url(menu.jpg); está correcto.

W3Schools - http://w3schools.com/css/pr_background-image.asp

 

[slack_guy]

O background-image não leva aspas no meio

Não é isso que dizem as especificações: http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-image

 

[majo-san]

Não é isso que dizem as especificações: http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-image

Tens razão, não sabia disso. As aspas devem para evitar erros quando as imagens têm espaços no meio do nome, certo? (o que não é boa política)

Pessoalmente, vou continuar a não pôr aspas. Não dá erro no validador, não dá erro nos browsers em que testo, poupa-me trabalho e largura de banda.
Já agora, sabem se a falta de aspas dá erro em browsers antigos?

 

[slack_guy]

sabem se a falta de aspas dá erro em browsers antigos?

Provavelmente, os browsers antigos de que falas nem suportam CSS2

 

[issues]

Tenho outra duvida:

em html tenho:
<div id="corpo">
<h1>
<img src="empresa.jpg" alt="Empresa"/>
</h1>
<p>
jaçlkJSDLAKJSDLKAJSLKDALSKDJALKSJDLKAJSDKLAS
ASKDALSKJDLAKJSLDKJASLDKJASLKDJALSJDLKASJDLKAJSDLKAJSLKDJALSKDJLAKSJDLKAJSLDKJASLKDJ
</p>


</div>



em css tenho:
#corpo{
background-color:#E9E9E9;
float:left;
width: 350px;

}

#corpo h1{
/*padding-top: 15px;*/
padding-left: 26px;

}



#corpo p{
padding-top: 15px;
padding-left: 26px;
margin-right:21px;
font-size: 10pt;
color:#767676;
}


Supostamente aquele padding-right no corpo p, deveria limitar o texto para que ele não saísse dos limites do corpo, mas não é o que acontece. Como posso resolver isto? já tentei com margin e não dá também

 

[hiddenbyte]

Em html tenho isto:
"<div id="menu">
<div> HOME EMPRESA SERVIÇOS MARCAS CATALOGO HISTORIA CONTACTOS </div>
</div>"

A sintaxe correcta é <div class="menu"> para associar class css menu a esta tag div.

tens de fazer esta alteracao em todas a tags que queres associar um classe css a essa tag

 

[majo-san]

hiddenbyte: <div id="menu"> e #menu estão em concordância, não há razão nenhuma para alterar para que funcione.

issues: o problema é que tens palavras demasiado grandes para o tamanho que atribuíste à div #corpo e por isso ultrapassam o limite. Tens de ver se o texto de teste é realista, porque pode estar a dar-te problemas desnecessários. Vê também o tamanho da imagem, de a sua largura for superior a 350px também vais ter problemas aí. Ou podes aumentar a largura da div se for uma opção viável e necessária.