Foros del Web » Creando para Internet » CSS »

¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

Estas en el tema de ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada? en el foro de CSS en Foros del Web. Hola a tod@s. Escribo en este foro para ver si alguien sabe decirme como dar formato a los números que se autogeneran en una lista ...
  #1 (permalink)  
Antiguo 31/05/2011, 11:58
 
Fecha de Ingreso: agosto-2009
Mensajes: 52
Antigüedad: 14 años, 8 meses
Puntos: 4
Pregunta ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

Hola a tod@s.
Escribo en este foro para ver si alguien sabe decirme como dar formato a los números que se autogeneran en una lista ordenada.

Por ejemplo.
Si yo tengo una lista como esta (tiene que ser lista ordenada):

Código HTML:
<ol>
<li>Lavar</li>
<li>Secar</li>
<li>Peinar</li>
</ol> 
Y quiero que los números que se generan (1,2,3) se muestren dentro de un circulito (imagen de fondo).
  1. Lavar
  2. Secar
  3. Peinar


Yo no creo que pueda hacerse. Sé que las listas <ul> se pueden formatear con cierta flexibilidad, pero en listas ordenadas no lo he visto hasta ahora.

Si alguien me puede ayudar se lo agradezco.
Un saludo.
  #2 (permalink)  
Antiguo 31/05/2011, 12:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 10 meses
Puntos: 361
Respuesta: ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

Hola:

Échale un vistazo a este artículo: Listas ordenadas junto con este otro: Listas.

Saludos.

  #3 (permalink)  
Antiguo 31/05/2011, 12:41
 
Fecha de Ingreso: agosto-2009
Mensajes: 52
Antigüedad: 14 años, 8 meses
Puntos: 4
Pregunta Respuesta: ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

Creo que conozco bastante librosweb. Conozco bastante bien las propiedades css de las listas, y a pesar de conocerlas no me las he podido ingeniar (o quizás aún no me ha llegado la iluminación) para obtener el resultado que indicaba previamente.

Tal vez no he sido suficientemente descriptiva con lo que expuse. Una imagen vale más que mil palabras, así que añado una captura de lo que quiero obtener.
Si alguien ha visto algún sitio donde se formateen los bullets numericos de una lista ordenada (<ol>) de forma similar a esta y me puede echar un cable se lo agradezco.




Yo casi diría que no es posible. Pero alomejor alguien me puede decir lo contrario (ojalá que sí).

Un saludo
  #4 (permalink)  
Antiguo 01/06/2011, 19:43
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

podrias poner una imagen de fondo en el ul y repetirla verticalmente, aunque estaria un poco forzado cuadrar su posicion y tamaño con respecto a todos los li, pero tampoco se me ocurre mucho mas que eso
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #5 (permalink)  
Antiguo 02/06/2011, 00:48
 
Fecha de Ingreso: agosto-2009
Mensajes: 52
Antigüedad: 14 años, 8 meses
Puntos: 4
Respuesta: ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

Hola Tredio, gracias por tu aporte.
Esa podría ser una forma, aunque solo para los elementos del 1 al 9. En cuanto hubiese dos dígitos en el número de orden ya habría problemas para que quedase bien.
  #6 (permalink)  
Antiguo 02/06/2011, 08:48
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: ¿Cómo dar estilo a los "bullets" enumerados de una lista ordenada?

si por eso te digo que seria un poco forzado hacerlo de esa manera, vamos a esperar a ver si alguien da una solucion que te funcione. saludos
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D

Etiquetas: formatear, html, lista, numeros, ordenada
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 12:36.