GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Imagem de logo

#1

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.

0 Likes

#2

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:

1 Like

#3

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%;
}

1 Like

#4

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

1 Like

#5

index.html (2,3 KB)

1 Like

#6

vê se aprende bootstrap.

1 Like

#7

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>

0 Likes