Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

10
respostas

Imagem não aparece

Estou tentando colocar uma imagem de logo pra substituir o mudi, pra treinar um pouco, porém ela não é apresentada na tela

<div th:fragment="logo" class="logo-container mb-3 p-3 d-flex justify-content-between ">
    <div>
        <img src="./imagens/Logo.png" width="70" >
    </div>
    <span class="mt-3 login">Login</span>
</div>
10 respostas

Abra o navegador e aperte f12. Ira abrir as opcoes do desenvolvedor. La provavelmente vai estar retornando o erro de caminho da imagem. Provavelmente sera erro de nomenclatura e/ou caminho da imagem nao encontrado.

print do f12 ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

print do código ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

Pelo seu print o caminho ./imagens/logo.png nao esta encontrando a imagem.

tenta colocar

../imagens/logo.png
/imagens/logo.png
imagens/logo.png

Basicamente seu arquivo esta dentro da pasta X.. Ai temos que voltar um nivel e entrar na pasta imagens, para depois pegar o logo.png

Qualquer coisa coloca a imagem no mesmo nivel do arquivo, e muda o caminho do <img>.. Apenas para validar se nao tem nada de permissao ou algo do tipo atrapalhando.

Tentei mas não deu certo ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

depois compartilha seu projeto aqui: https://drive.google.com/drive/folders/1zQbIPanORp4Tx7WBNzMLr4xP4RGoG2x4?usp=sharing

coloquei la o projeto web e api

Jovem, avaliando seu projeto aqui. Os arquivos gerados ficam na pasta target. E la dentro tem a pasta IMG que esta vazia..

ex.: /Laboratorio do QA/laboratorios-qa/target/classes/templates/img/

Tendi, é eu to colocando na src/main/recources/templates/img

Coloca as imagens no caminho, que deve resolver o problema.