Ver Mensaje Individual
  #6 (permalink)  
Antiguo 14/12/2012, 13:19
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

Tu imagen apenas se distingue, y el código está mal hecho (y de paso te aclaro que counter-increment y counter-reset ya vienen de la especificación css2.

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. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8.  
  9. /*** INICIO LISTA ORDENADA ***/
  10. #listaordenada ol {
  11. counter-reset: item;
  12. }
  13. #listaordenada li {
  14. display: block;
  15. }
  16. #listaordenada li:before {
  17. counter-increment: item;
  18. content: counters(item, ".") ".";
  19. }
  20.  
  21.  
  22. /*]]>*/
  23. </head>
  24. <div id="listaordenada">
  25. <ol>
  26. <li><span class="resaltado">Sistemas Compatibles</span> --&gt; Son sistemas que poseen una o más soluciones.<p>Dentro de estos distinguimos dos casos:</p>
  27.  
  28. <ol>
  29. <li><span class="resaltado">Compatibles Determinados</span> --&gt; Poseen una única solución.</li>
  30. <li><span class="resaltado">Compatibles Indeterminados</span> --&gt; Poseen Infinitas soluciones.</li>
  31. </ol>
  32.  
  33. <p>Y luego tenemos los sistemas:</p>
  34. </li>
  35. <li><span class="resaltado">Sistemas Incompatibles</span> --&gt; No poseen solución alguna.</li>
  36. </ol>
  37. </div>
  38. </body>
  39. </html>

Compará.
Finalmente te diría que si vas a poner descripciones entre los items, se pierde un poco el sentido de las listas anidadas

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