Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Dúvida no Ex. 1 da Aula 12 - Desafios finais

Referente ao curso HTML5 e CSS3 I: Suas primeiras páginas da Web, no capítulo Desafios finais e atividade Organizar os arquivos em diretórios

por Estudante
| 343.8k xp | 25 posts

Boa tarde!

Estou relembrando este módulo de HTML e a única coisa que falta para eu terminar é resolver um problema com as imagens para as redes sociais.

Sei que preciso colocar .../ antes para que o css busque na pasta do projeto e não na pasta css. Porém, mesmo fazendo isso, ao inspecionar o elemento, ele continua apontando para a pasta /css/.

Estou usando o Windows 10. Esta é minha estrutura atual:

HTML - css - imagens bio.html blog.html portfolio.html

Este é o trecho do meu código css que deveria carregar as imagens:

.github { background-image: url(../imagens/github.png); }

.twitter { background-image: url(../imagens/twitter.png); }

.linkedin { background-image: url(../imagens/linkedin.png); }

Poderiam me ajudar por favor?

4 respostas
solução!
por Ramon Pacheco
| 487.6k xp | 249 posts
Moderador Web Developer Jr.

Olá Guilherme,

olha como eu fiz no meu e deu certo:

.github{ background-image: url(img/github.png); } Olha a minha estrutura de pastas:

C:\Users\Ramon\Documents\Alura\IntroHtmlCsss\projeto\css

C:\Users\Ramon\Documents\Alura\IntroHtmlCsss\projeto\img

por Estudante
| 343.8k xp | 25 posts

Obrigado pela ajuda Ramon. Já tinha tentado fazer da maneira acima mas sem sucesso. Tentei novamente por via das dúvidas e continuou dando o mesmo erro. Mas sei que deveria funcionar. Não estou conseguindo enxergar o erro. :(

por Hugo Vallada
| 370.1k xp | 90 posts
Engenheiro de Software Senior

Guilherme, você está colocando a url entre aspas?

.github{ background-image:url("../img/github.png"); }

.twitter{ background-image: url("../img/twitter.png"); }

.linkedin{ background-image: url("../img/linkedin.png"); }

Se não estiver tente mudar...caso contrário, teria como falar como está sua estrutura de pastas?

por Estudante
| 343.8k xp | 25 posts

Obrigado a todos. Reescrevi meu código naquele trecho e agora está funcionando. Ainda não entendi perfeitamente o que ocorreu. Mas creio que tenha sido algum erro de sintaxe.