Ir para conteúdo

POWERED BY:

Arquivado

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

danielvlopes

Lista UL com imagem diferente do padrao, pau no ie6

Recommended Posts

Ola pessoa estou com o seguinte problema, tenho um site uma todas as lista do site tem as imagens alteradas do marcador, funciona lindo no FF Safari e IE7 mas no ie6 as imagens aparecem e depois somem... nao sei pq. Alguem sabe me dizer pq isso ocorre?

 

o link do site e

http://www.lapertosaefigueiredo.com.br/midia.php

 

ai e so ir navegando nas pagina que da para ver que na maioria delas tem uma lista do lado esquerdo que aparece com imagens no FF mas nao no IE6.

 

Alguem sabe como resolver isso

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara....

 

Eu sinceramente não confio muito nesse list-style....

 

Da diferença de posicionamento em muitos navegadores...

 

 

 

Uma forma que sempre faço é assim.

 

CSS

.marcadores ul li {	background: url(imagens/setinha.gif) no-repeat 0px 4px;		padding-left: 10px;}

HTML

<div class="marcadores">	   <ul>		  <li>Item 1</li>		  <li>Item 2</li>		  <li>Item 3</li>		  <li>Item 4</li>	  </ul></div>

Ao inves de adicionar o marcador através do list-style, eu simplesmente adiciono o marcador como background da li que não repete, posiciono a setinha um pouco para baixo e dou um padding-left...

 

O resultado é o mesmo, porém fica igual na maioria dos navegadores.

 

Coisa que não acontece com o list-style.

 

Quando começar a dar esses problemas, experimente mudar de lógica, ou criar a sua assim como fiz...

 

 

Acredite, além de agilizar sua montagem vai tornar bem mais fácil e agradável :)

 

 

Flw aee velho.. boa sorte

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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.