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.
Olá, @RobertoBachmann!
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…
1 curtida
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 curtida
OK , entendi, é válido, mais neste caso como é a primeira coisa que estou implementando na pagina, aonde não tem nada no css.
1 curtida
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>