Foros del Web » Creando para Internet » CSS »

Problema con las listas

Estas en el tema de Problema con las listas en el foro de CSS en Foros del Web. Hola: Estoy intentando hacer una lista numerada del tipo 1 / 1.1 / 1.2 / 1.2.1 / 1.3 /... estoy siguiendo las especificaciones del consorcio, ...
  #1 (permalink)  
Antiguo 12/07/2004, 12:21
Avatar de amanda75  
Fecha de Ingreso: junio-2003
Ubicación: cerca, pero no mucho
Mensajes: 684
Antigüedad: 14 años, 6 meses
Puntos: 0
Problema con las listas

Hola:

Estoy intentando hacer una lista numerada del tipo 1 / 1.1 / 1.2 / 1.2.1 / 1.3 /... estoy siguiendo las especificaciones del consorcio, pero no consigo que se vea bien en ningún navegador.

Seguramente que de marearla tanto y de probar de una manera y de otra, debo de estar pasando por alto algo. Pero ya no sé que hacer.

Pongo el código a ver si alguien sabe qué pasa y me puede orientar.

Perdonad los colores de fondo pero era para ver bien los márgenes

Código:
<style type="text/css">
<!--
body{
background: #0000ff;
}
#uno{
background: #00ff00;
border-width: 10px;
border-color: #ffffff;
}
ol{
margin: 5px;
padding: 5px;
}
li{
padding-left: 5px;
margin-left: 5px;
}
// Si lo hago asi : Con mozilla no se ve ninguna numeración.
// Con IE la numeración empieza en el body no
// en del div como yo quiero, y cada bloque se numera a partir
// de 1. Con opera la numeración no
// respeta los saltos <ol>  y sigue como si no existiesen
// tampoco respeta el  margen que quiero dar
// entre  la numeracion y el texto

ol { counter-reset: item}
li { display: block }
li:before { content: counters(item, ". "); counter-increment: item }

// Si lo hago de esta manera solo  consigo
// un poco de margen con opera

ol { counter-reset: item }
li { display: block }
li:before { content: counter(item) ". "; counter-increment: item }
-->
</style>
</head>

<body>

<div id="uno" >
<ol>
	<li>uno</li>
	<li>dos</li>
	<li>tres </li>
	<li>cuatro
   	<ol>
   	<li>cinco </li>
   	<li>seis</li>
   	<li>siete </li>
	  </ol></li>
	<li>ocho
	<ol>
		<li>nueve</li>
		<li>diez</li>
		<li>once</li>
	</ol></li>
</ol>
</div>
</body>
</html>

Última edición por amanda75; 12/07/2004 a las 12:26
  #2 (permalink)  
Antiguo 19/07/2004, 11:24
Avatar de t0m|ta  
Fecha de Ingreso: julio-2002
Ubicación: Madrid
Mensajes: 369
Antigüedad: 15 años, 4 meses
Puntos: 3
Amanda, por lo que he visto en sitepoint, parece ser que la mayoría de los navegadores no soportan bien estas propiedades, se desaconseja su uso, aunque debo reconocer que el mensaje que he visto (http://www.sitepoint.com/forums/show...hlight=counter) es de diciembre de 2003, en w3c schools dicen que no lo soporta ningún navegador (ahí no sé cuando es la última actualización.

Por lo que he seguido leyendo posterior, parece ser que sólo ópera lo soporta. :-/ pero no pondría mi mano en el fuego.
__________________
:ojotes: t0m|ta - IHQ :ojotes:
No tengo palabras
Instrucciones de andar por casa
  #3 (permalink)  
Antiguo 19/07/2004, 18:42
Avatar de amanda75  
Fecha de Ingreso: junio-2003
Ubicación: cerca, pero no mucho
Mensajes: 684
Antigüedad: 14 años, 6 meses
Puntos: 0
Si, llevo una semana dando vueltas por la internet en cuatro idiomas y no he sido capaz de encontrar nada ... solo un par de referencias, pero antiguas, pensaba que quizá las últimas versiones si lo soportarían.

Buscando, buscando, he visto un par de sitios que lo han solucionado con capas y after, probaré a ver si consigo algo.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:34.