Veja como estão aparecendo:
Link do projeto no git: https://github.com/leonardo-crispim/alurabook
Solucionado (ver solução)
Solucionado
(ver solução)
9
respostas
respostas
subi o projeto no github e as imagens do footer sumiram
Tenta colocar ./ antes de toda imagem: <img src="./img/Logo.svg" alt="Logo da AluraBooks" class="container__imagem">
solução!
Boa noite, Leonardo.
Dei uma olhada no seu arquivo index.html; a questão está na maneira como você preencheu o campo src nas suas uls com classe lista-rodape. Veja um exemplo de como você colocou:
/img/AluraEmpresas.svg
A maioria dos browsers, quando leem esse caminho começando com a barra, interpretam o caminho final como sendo C:/img/AluraEmpresas.svg. No caso do Firefox ele tem uma interpretação mais "liberal" e até consegue achar a imagem (tenta abrir no Firefox que você vai ver que vai aparecer tudo certinho). Já browsers como o Chrome e o Opera vão entender o caminho como "C:/..." e aí as imagens não aparecem.
Em resumo: basta você alterar o início de todos os caminhos das imagens na lista-rodape. Você pode fazer de duas formas. Na verdade, observando o seu código HTML, vi que você usou essas duas maneiras, ambas mostrando as imagens corretamente.
Baseado no exemplo acima, ficaria:
img/AluraEmpresas.svg ou ./img/AluraEmpresas.svg
Ah, sim. Não esqueça de alterar o caminho no seu arquivo contato.css também. Lá no campo .contato__email::placeholder { coloque o caminho com duas barras na frente, ao invés de uma só:
//img/email.svg
Espero ter ajudado. Grande abraço,
Ivan
Boa noite, Ivan!
Obrigado pelos apontamentos, me ajudou bastante. Deu tudo certo aqui!
Valeu!
--//--
Luís,
As vezes a forma "floreada" faz diferença. Além de resolver o meu problema, eu gostaria de entender o pq fazer isso.
Eu já havia tentando o que você me indicou antes mesmo de você falar, mas eu nem sabia o motivo, agora, com o camarada explicando os detalhes ficou bem mais claro.
Além de que, o camarada leu o meu código e identificou a necessidade das barras duplas no contato.css, que você não mencionou e muito menos eu iria notar.
Bem, por isso, dei a resposta dele como "solucionadora" da questão. Isso aqui não tem a ver com competição.
At.te, LC
--//--