Publicado em 26 de out.

List-style-type: lower-latin no IE

Estou precisando fazer uma lista usando o "lower-latin". Ou seja:

a ) item 1

b ) item 2

c ) item 3

....

Coloquei o "list-style-type:lower-latin", porém no IECA não funcionou.

Alguém já teve problema parecido? Resolveu com javascript? Ou algum hack para o browser mais querido da garotada? :wacko:

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 26 de out.

Eu pessoalmente, já desisti de tentar usar essa propriedade do CSS, atualmente o suporte é muito precário.

Ainda não tinha pensado em Javascript para isso, mas talvez um innerHTML varrendo os nós do UL, resolva de maneira mais simples, doque termos que colocar isso na mão.

Tô saindo, não deu pra terminar:

<html>
<head>
<style type="text/css">

<!-- ul.none {

	list-style-type: none;
}

-->

</style>
<script type="text/javascript">
window.onload=function(){
	var letras = new Array(6);
	letras[0] = 'a) ';
	letras[1] = 'B) ';
	letras[2] = 'c) ';
	letras[3] = 'd) ';
	letras[4] = 'e) ';
	letras[5] = 'f) ';
	var arrObj = document.getElementsByTagName("LI");
	for( var i=0; i<arrObj.length; i++ ) {
 arrObj[i].innerHTML = letras[i]+arrObj[i].innerHTML;
	}
}
</script>
</head>
<body>
<ul class="none">
	<li>Item um</li>
	<li>Item dois</li>
	<li>Item tres</li>
	<li>Item quatro</li>
	<li>Item cinco</li>
	<li>Item seis</li>
</ul>
</body>
</html> Não manjo muito de Javascript, to aprendendo ainda..

Aprendiz CSS· 27 de out.

Não gostei muito dessa idéia!!!

mas cada caso é um caso e isso pode se tornar necessário!

fiz desta forma como o William Bruno fez porem para números, ficou mais facil, pois o i do for já era o numero do meu item

para fazer desta forma prefiro fazer na mão e editar o HTML na unha!

abraço

Lucio KrioK· 23 de ago.

Boa tarde,

eu sei q o tópico é antigo, mas eu enfrentei esse problema e achei a solução, entao achei melhor compartilhar com tds...

@Zig, list-style-type:lower-latin só funciona no IE a partir do 8, entao você tem q usar assim list-style-type:lower-alpha

funcionou pra mim

ps: da 1 olhadinha aqui no site da MS pra você confirmar http://msdn.microsoft.com/en-us/library/ms530797%28VS.85%29.aspx