Estou com uma dúvida. Tenho uma pasta chamada css e outra chamada img. Na pasta css tem um arquivo com o nome estilo.css e na pasta img tem uma imagem chamada sobre-background.jpg.
Quando eu declaro no estilo.css a imagem sobre-background.jpg não aparece nada no arquivo html, mas quando eu pego a imagem e colo dentro da pasta css e faço a declaração funciona normalmente.
Na primeira vez eu coloquei o caminho da imagem assim /img/sobre-background.jpg, está correto?
Será que é alguma norma do css, que as imagens tem que estar dentro da mesma pasta que se encontra o arquivo estilo.css?
Tendo em conta que a pasta img está dentro da pasta css, então /img/sobre-background.jpg funcionaria.
Porém se a pasta img está um diretório acima, então ACHO você tem que colocar “…/” que volta uma página para cima.
url(…/img/sobre-background.jpg);
Acho que está certo, se testar e der errado avisa pra eu rever minhas informações.
N4TH
Não precisa os arquivos estar na mesma pasta pra funcionar, você só deve especificar no código
o local onde está a imagem ou o arquivos de códigos.
Assim: “nome_da_pasta/exemplo.css”
edumatias1 like
@N4TH o que ele necessita é referenciar a imagem diretamente no arquivo estilo.css.
Sendo assim a condição demonstrada pelo @Randi-Maldonado satisfaz o problema pois “…/” retorna uma camada na hierarquia do projeto.
Thiago_Ximenes
Não, não é uma norma do CSS.
Se o seu projeto estiver composto de:
index.htmlarquivo/csspasta/imgpasta
e você estiver chamando a imagem dentro do html, a tag fica assim:
<img src="img/sobre-background.jpg" alt="">
se a estrutura de arquivos e pastas não estiver assim, mande uma print.
R
ramaral
Pessoal obrigado pela ajuda. Tinha faltado os dois pontos, funcionou corretamente.
