Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

erickcouto

Tag <img>

Recommended Posts

Pessoal, blz ???

 

 

Seguinte estou com problemas ná tag <img> , to usando a tag dentro de uma div, para depois no css poder posicioná-las etc.

 

Porem so consigo fazer as imagens aparecer se eu "puxar"ela de algum link tipo www.site.com/imagem.jpg mas eu queria puxar a imagem de uma pasta imagens/icons/icone.png se que não estou conseguindo, quando coloco o caminho da pasta aparece so um icone quebrado como se n tivesse imagem, mas ja fiz teste de varias formas e caminhos e não consigo ... o que pode ser ??

 

 

obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

então o codigo e mais ou menos esse

 

<div id="wrapper-navigation">
<div id="social_icons">
<img src="http://www.site.com/" id="face_icon" />
<img src="http://www.site.com/" id="twitter_icon" />
<img src="http://www.site.com/" id="gpluss_icon" />
<img src="http://www.site.com/" id="rss_icon" />
</div>

... (o código continua aqui pra baixo até fechar a outra div)

mas eu queria algo do tipo

<div id="wrapper-navigation">
<div id="icons">
<img src="imagens/icons/face_icon.png" id="icon1" />
<img src="imagens/icons/face_icon.png" id="icon2" />
<img src="imagens/icons/face_icon.png" id="icon3" />
<img src="imagens/icons/face_icon.png" id="icon4" />
</div>

...

Mas somente a primeira opção funciona, a segunda quando coloco endereço da pasta a imagem não aparece, pq será ? o que esta errado ?

 

 

 

Outra coisa, a necessidade de eu abrir essa div icons, ou posso trabalhar so com a div principal?

Compartilhar este post


Link para o post
Compartilhar em outros sites

A segunda opção é a que está correta.

No caso, a pasta imagens está no mesmo diretório onde está esse arquivo html?

Se você estiver testando no Chrome, abra o console e veja as mensagens de erro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.