Ir ao conteúdo
Regras do Clube do Hardware

HTML Nao consigo exibir uma foto

WilliamNascimento

Por WilliamNascimento
em Web e banco de dados

 Compartilhar

Posts recomendados

  • Moderador
DiF
 

DiF

Postado
  • Moderador
Postado

@WilliamNascimento Olá,  Veja se o caminho relativo está errado... assim como o caminho absoluto também, está errado.

 

Note que você tem barras invertidas e normais.

 

também recomendo tirar o underline da frente do diretório.

 

Então temos esta estrutura: 

/(Raiz)
|-imagens
|    |-imagem.png
|

Você vai usar: 

<img src="imagens/imagem.png"/>

Porque a pasta "imagens"  está na raiz( root)

 

Se a pasta imagens estiver dentro de uma outra pasta, você deve colocar o ../ na frente, isto indica que você está procurando em um nível acima.

 

Se tiver duas pastas, você coloca dois  ../   e por aí vai.

 

Não é errado usar caminho absoluto, mas use quando não pode usar o relativo.

No HTML usamos a barra normal.   e não a invertida.

 

WilliamNascimento
 

WilliamNascimento

Postado
  • Autor
Postado
16 minutos atrás, DiF disse:

@WilliamNascimento Olá,  Veja se o caminho relativo está errado... assim como o caminho absoluto também, está errado.

 

Note que você tem barras invertidas e normais.

 

também recomendo tirar o underline da frente do diretório.

 

Então temos esta estrutura: 


/(Raiz)
|-imagens
|    |-imagem.png
|

Você vai usar: 


<img src="imagens/imagem.png"/>

Porque a pasta "imagens"  está na raiz( root)

 

Se a pasta imagens estiver dentro de uma outra pasta, você deve colocar o ../ na frente, isto indica que você está procurando em um nível acima.

 

Se tiver duas pastas, você coloca dois  ../   e por aí vai.

 

Não é errado usar caminho absoluto, mas use quando não pode usar o relativo.

No HTML usamos a barra normal.   e não a invertida.

 

Ja fiz isso tudo 

<img src="/Pictures/Glass-oculos-preto-med.png"/>
<img src="/Imagens/Glass-oculos-preto-med.png"/>
<img src="Imagens/Glass-oculos-preto-med.png"/>
<img src="/imagens/Glass-oculos-preto-med.png"/>
<img src="imagens/Glass-oculos-preto-med.png"/>

 

Unico que funciona e este  

<img src="C:/Users/william/Pictures/glass-oculos-preto-med.png"/>

 

  • Moderador
DiF
 

DiF

Postado
  • Moderador
Postado

@WilliamNascimento Mas como está a estrutura do seu ROOT?

 

Experimenta instalar o programa EasyPHP, colocar o seu site no diretorio "www"  que simula o plublic_html do servidor.

Independente de usar o programa ou não, se não funciona do jeito que falei, é provável que tenha erro de estrutura..  onde não consegue achar o caminho certo. O absoluto sempre vai funcionar....

 

  • Moderador
DiF
 

DiF

Postado
  • Moderador
Postado

@WilliamNascimento Então, a pasta  HTML é o root do seu documento.

 

Então todos os arquivos e pastas do seu exemplo devem estar dentro da pasta HTML.

 

Para funcionar: 

diretório HTML
   |-imagens
   |   |-imagem.png
   |
   |-index.html

Deve e TEM que funciona com o caminho relativo assim:

  

<img src="imagens/imagem.png" />

Porque o diretório "raiz" é HTML e o arquivo index.html está dentro desta pasta "HTML".

Como o diretório imagens está no  mesmo plano do arquivo index.html,  basta colocar como no exemplo.

 

Só vai dar errado se e somente se o nome da imagem ou do diretório estiver errado.

 

Faça como o @Joao_Lucaas sugeriu, coloque um print da sua estrutura..... 

  • Obrigado 1
WilliamNascimento
 

WilliamNascimento

Postado
  • Autor
Postado

@DiF Consegui como voce disse colocando junto com os arquivos HTML , obrigado ..

adicionado 38 minutos depois

Outro problema , nao estou conseguindo alterar o fundo . 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Klackbumtestesite</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>

<body>
	<figure class="klb">
	<img src="klackbum.png">
	</figure>
	
	<nav id="menu">
<h1>Menu Principal </h1>
<ul>
<li><a href="recrutamento.html">recrutamento</a></li>
<li><a href="membros.html">Membros</li></a>
<li><a href="home.html">home</li></a>
</ul>
</nav>
</body>

</html>

e a parte do css 

  

<meta charset="UTF-8">

body
{
	background-color: #082767;
}

porém qualquer formatacao que eu faca funciona porém , apenas o background nao funciona

  • Curtir 1
  • Moderador
DiF
 

DiF

Postado
  • Moderador
Postado

@WilliamNascimento Em tese, não tem muito o que fazer.

 

Se a regra que postou está contida no arquivo  estilo.css,   tem um erro ali de charset.

Não se declara desta forma o charset no CSS.

 

O correto é:  

@charset "UTF-8";

Isso se o charset estiver dentro do arquivo css.  

 

Então resumindo... retire a linha:

  

<meta charset="UTF-8">

do arquivo estilo.css

  • Curtir 1
  • Moderador
DiF
 

DiF

Postado
  • Moderador
Postado

@Joao_Lucaas Não necessariamente!

 

Na verdade o charset no CSS, só deve ser usado, se porventura estiver usando um charset diferente no documento html.

Eu coloco, porque o eclipse já coloca por padrão :thumbsup:

 

  • Curtir 1

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora
 Compartilhar
Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!