4 replies to this topic

[tankbr]

ERROS:

1- que no firefox o texto se alinha em bottom em relação a imagem da lista, e no IE em top

2- o espaço entre a imagem e a lista no IE é menor que no firefox

3- o padding left do UL (conjunto total) fica maior no IE e menor no firefox

4- a imagem do bullet da primeira lista no IE nao aparece (bug)

como consertar isso?


Vou passar os codigos da estrutura e do css desta parte do site que estou desenvolvendo


ESTRUTURA:

<div id="corpobaixo">
			 <div id="vantagens">
				 <ul>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
					 <li>Lorem ipsulum</li>
				  </ul>
			 </div>
	   </div>

CSS:

#corpobaixo {
	 clear: both;
	 overflow: auto;
 }
 #vantagens {
	 margin: 28px;
	 background: url('images/vantagenscomprovadas.gif');
	 width: 590px;
	 height: 184px;
	 position: relative;
	 font: normal 15px Verdana;
	 letter-spacing: -1px;
 }
 #vantagens ul { 
	 position: relative;
	 padding-left: 35px;
	 padding-top: 28px;
	 
 }
 #vantagens li {
	 position: relative;
	 display: list-item;
	 list-style-image:url(images/malelist.gif);
	 height: 24px;
 }

imagem censurada

Edição feita por: Édipo Costa Rebouças, 27/02/2009, 12:56.

[Augusto Saggese]

você jogou a imagem e do lado o texto né?

Também, use a propiedade line-height; para separar melhor.

[Édipo Costa Rebouças]

boa noite amigo, para o bullet, use como fundo no li, pois se usar com o list-type vai dar diferença mesmo.
sobre o padding, zere os padding e margens da lista tanto no ul quanto no li, o ie usa margem, e o firefox usa padding para isso.

Edição feita por: Édipo Costa Rebouças, 02/12/2008, 20:54.

[tankbr]

você jogou a imagem e do lado o texto né?

Também, use a propiedade line-height; para separar melhor.

line height na li ou na ul nao funfa pelo q parece....
e pelo fato de ser lista nao tem outro lugar pra setar... dps vou testar oq o amigo de cima disse...

valeu

[Édipo Costa Rebouças]

se você setar com line-height, e se por acaso você trocar e o texto tiver duas linhas com um line-height: 300%? o melhor e fazer como te falei, usa no fundo do li ou do li, zere tudo e depois de um padding para o texto não ficar sobre bullet.