Imagem de logo

6 respostas
R

Olá sou iniciante em HTML, estou lendo pdfs por conta e praticando,
agora preciso fazer um sisteminha de teste para praticar, porém já comecei com a pedras…

Estou precisando colocar uma logo no cabeçalho, mais não esta funcionando, como se o navegador não estivesse enxergando o diretório da imagem , segue o fonte e a prova da onde esta o caminho do arquivo.

Instalei o apache 2 como webserver.

ali no fonte e abaixo o console provando aonde esta o arquivo logo que estou querendo exibir.

Aproveitando o assunto gostaria que se pudessem me explicar ou me dizer o que pesquisar para entender a questão em nivel de pastas aonde devem ficar os arquivos css, html e as imagens, como também por exemplo quando voce informa uma imagem, uma boa parte do caminho do arquivo mais o inicio é oculto, porque existem um gerenciamento do webserver, aonde a gente informar somente apartir de uma pasta em diante, no meu exemplo eu mostro o caminho desde a raiz “/”.

Espero que fui claro no que estou questionando.

6 Respostas

vanribeiro

Olá, @RobertoBachmann! :grinning:

Você poderia colocar cópia do seu código aqui? Não apenas o HTML, mas o CSS também. Use o </> para formatar o código… :wink:

ProgramadorBR

Não seria mais fácil criar uma div e colocar ela no topo?

<div class="logoimg">
<img id="imglogoid" src="../nomepasta/nomeimagem.jpg(formato)"/>
</div>

css:

.logoimg{

position: relative;

margin-top: 0%;

heigth: 50px;

width: 100%;

}
#imglogoid{

margin-left: 5%;

margin-top: 2%;

}
R

OK , entendi, é válido, mais neste caso como é a primeira coisa que estou implementando na pagina, aonde não tem nada no css.

ProgramadorBR

index.html (2,3 KB)

ProgramadorBR

vê se aprende bootstrap.

AvilySilva

Amigo, dei uma olhada na imagem e não vi a imagem dentro de alguma pasta, eu recomendo que coloque a imagem dentro de uma pasta imagens, ficando assim:

css (pasta)
imagens (pasta) <- coloque a imagem dento
paginaDeCadastro.html
índex.html

Por fim passe o atributo src desta forma na tag img:

Assim ficaria bem mais organizado

Obs: não esqueça que para voltar um diretório, use dois pontos e barra no atributo src, dessa forma

<img src="…/imagens/nome-da-imagem.extensao>

Criado 4 de novembro de 2018
Ultima resposta 11 de nov. de 2018
Respostas 6
Participantes 4