Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/12/2012, 07:34
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Duda numerar lista ordenada

Requiere un poco de css


Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>lista ordenada con sub listas</title>
  6.  
  7. <style type='text/css'>
  8. /*<![CDATA[*/
  9. ol { counter-reset: item }
  10. li { display: block }
  11. li:before { content: counters(item, ".") " "; counter-increment: item }
  12. /*]]>*/
  13. </head>
  14. <ol>
  15. <li>uno</li>
  16. <li>dos
  17. <ol>
  18. <li>dos.uno</li>
  19. <li>dos.dos</li>
  20. <li>dos.tres</li>
  21. </ol>
  22. </li>
  23. <li>tres
  24. <ol>
  25. <li>tres.uno
  26. <ol>
  27. <li>tres.uno.uno</li>
  28. <li>tres.uno.dos</li>
  29. </ol>
  30. </li>
  31. <li>tres.dos</li>
  32. </ol>
  33. </li>
  34. <li>cuatro</li>
  35. </ol>
  36. </body>
  37. </html>

busca algún tutorial sobre la propiedad counter css

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.