Estilo de bola (disc) en listas de IE6

A veces, cuando creamos listas, necesitamos indicarle un señalador para remarcar cada elemento de la lista.  Si usamos la propiedad list-style podremos asignar el tipo de señalador de lista que queramos. El problema viene cuando tenemos la necesidad de que cada elemento de la lista tenga la propiedad display como inline o la propiedad float marcada, entonces, si revisamos la lista en Internet Explorer 6, descubriremos que el señalador no aparece.

Por ejemplo, si tenemos la lista:

1
2
3
4
5
<ul>
<li>un elemento</li>
<li>dos elementos</li>
<li>tres elementos</li>
</ul>

y las propiedades:

1
2
ul { list-style: disc; }
ul li { float: left; }

veremos el punto negro en todos los navegadores menos en Internet Explorer 6, que estará vacío. Para que se vea, tendremos que añadir la propiedad list-type con el valor inside:

1
ul { list-style: disc; list-type: inside; }

1 comentario

  1. 23 octubre, 2008 a las 20:52 | Permalink

    puedes poner ambas instrucciones en la misma sentencia de este modo:

    ul { list-style: disc inside; }

Deja tu comentario

Tu correo nunca será compartido. Los campos marcados con * son obligatorios

*
*