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

Problemas com a preparação do site e do cabeçalho

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeOlá, boa tarde ! No que se refere a aula de preparação para o cabeçalho, eu segui as instruções do professor. Entretanto, o meu código se encontra na forma acima, assim, apesar de buscar por erros, infelizmente, não encontrei, assim, alguém poderia me informar onde eu estou errando ?

6 respostas

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Ademais, ambiente de meu Visual Studio Code se encontra organizado na forma acima.

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

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

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

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeOlá, boa tarde a todos ! Então, no que se refere ao meu problema acima, eu consegui resolvê-lo, eu apenas coloquei o estilo.css dentro de css. Entretanto, as imagens não foram exibidas, paralelamente, eu não entendo por que as imagens não carregaram.

solução!

Oi Guilherme! Como vai?

Pelo que você descreveu e mostrou nas imagens, o problema com o não carregamento das imagens parece estar relacionado ao caminho relativo usado na tag <img>. No seu código, você está usando:

<img src="./assets/logo.png" alt="Logotipo do Petpark" />
<img src="./assets/icones/login.png" alt="ícone de login" />

No entanto, o caminho correto deve ser diferente de acordo com a sua estrutura de pastas.

Sendo assim, como o arquivo index.html está na raiz, o caminho certo para a logo seria:

<img src="assets/logo.png" alt="Logotipo do Petpark" />

Ou seja, sem o ./ no início, pois isso não é necessário nesse contexto e pode confundir o navegador.

Dica: Ao lidar com caminhos em HTML, sempre verifique a posição do arquivo atual em relação ao recurso. Para confirmar, você pode clicar com o botão direito no arquivo da imagem dentro do VS Code e selecionar "Copy Relative Path".

Espero que isso ajude a resolver o problema das imagens!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!