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.