Solucionado (ver solução)
Solucionado
(ver solução)
9
respostas

subi o projeto no github e as imagens do footer sumiram

Veja como estão aparecendo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Link do projeto no git: https://github.com/leonardo-crispim/alurabook

9 respostas

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


--//--