Imagens não aparecem na visualização

vbrg · 19 de novembro de 2012

Estou trabalhando em um layout e sou iniciante e preciso de uma ajudinha básica

As imagens que eram para aparecer dentro da tag <header> não estão aparecendo, elas estão no caminho certo.

Exemplo de algumas partes

HTML


<section id="submenu">
<ul>
<li><a href="#">Category #1</a></li>
<li><a href="#">Category #2</a></li>
..

CSS


#submenu li a {
background: url("images/smenup.png") no-repeat scroll 0 9px transparent;
border-right: 1px solid #E0E0E0;
color: #383838;
...

caminho completo de onde está a imagem

C:\Users\Victor Brites\Desktop\template_loja\images\smenup.png

Lembrando que eu ainda não hospedei nenhum arquivo, todos estão dentro desta pasta, mas quando coloco uma imagem já hospedada no lugar deste endereço, a imagem da web aparece.

DiF · 19 de novembro de 2012

Se a pasta da imagem está dentro da raiz da pasta do seu projeto.. não há motivos para não funcionar.

teste primeiro com caminho absoluto... exemplo:

C:\Users\Victor Brites\Desktop\template_loja\images\smenup.png

se funcionar, para usar o caminho relativo precisas que a pasta images esteja dentro da pasta raiz do projeto...

uma dica que te dou é instalar o easyphp... e na pasta WWW colocar seus projetos ali.

depois com o apache ligado, basta acessar seu projeto pelo endereço: localhost/nomeDoseuProjeto.

vbrg · 19 de novembro de 2012

Pois é, o problema das imagens foi por causa de dois pontos

em outros layouts que eu trabalhava não tinha esse detalhe, era apenas colocar o nome da pasta e o nome do arquivo


#submenu li a {
background: url("[COLOR="Red"]../images/smenup.png[/COLOR]") no-repeat scroll 0 9px transparent;
border-right: 1px solid #E0E0E0;
color: #383838;
...

valeu pela ajuda e pela dica !