Listas anidadas: OL OL LI LI

22/01/2007 - 20:02 por Manuel Vera | Informe spam
Hola

Necesito representar unos elementos de lista anidados en el formato:

1.- Primero
1.1.- Hijo 1
1.2.- Hijo 2
1.3.- Hijo 3
2.- Segundo
2.1.- Hijo 1

Quiero que esa numeración sea dada por CSS. Para eso tengo lo siguiente:
OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }

Sin embargo, ese código no sirve para IE. Si sirve en FireFox.
¿Alguna sugerencia para hacerlo en IE usando CSS?

MV

Preguntas similare

Leer las respuestas

#1 Miguel Gonzalez
23/01/2007 - 22:43 | Informe spam
Hola Manuel.

Sólo mediante CSS no podrás, debido a la deficiente implementación de
las especificaciones CSS2 por parte del IE, algo que ni siquiera el IE7
ha corregido. Su déficit principal, estriba en que no reconoce el
pseudolemento ":before". En cuanto a "counters" el Firefox las sigue
razonablemente, aunque no las despliega con toda su potencia, algo que
sí hace el Opera.

Una posibilidad es utilizar "javascript", analizando el DOM, contando
los elementos mediante código y reescribiendo el "innerHTML" de cada
elemento. Otra podría ser utilizando los "behaviors" exclusivos del IE,
aunque no los he utilizado nunca y no he calibrado el alcance que tienen.

Saludos!
Miguel


Manuel Vera escribió:
Hola

Necesito representar unos elementos de lista anidados en el formato:

1.- Primero
1.1.- Hijo 1
1.2.- Hijo 2
1.3.- Hijo 3
2.- Segundo
2.1.- Hijo 1

Quiero que esa numeración sea dada por CSS. Para eso tengo lo siguiente:
OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }

Sin embargo, ese código no sirve para IE. Si sirve en FireFox.
¿Alguna sugerencia para hacerlo en IE usando CSS?

MV


email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaRespuesta Tengo una respuesta
Search Busqueda sugerida