Re: [Ovillo] Cómo maquetar el índice de un libro

[Pablo Ziliani]

Javi Más wrote:
> Buenas, he buscado en los archivos y no he encontrado ningún tema  
> referente a mi duda, que es la siguiente: ¿Cómo maquetaríais vosotros el  
> índice de un libro? (para la web, se sobreentiende). Es el típico:
>
> Prólogo ........................................ XIX
> Introducción ................................... XXI
> Prefacio ....................................... XXIII
>
> PARTE I ........................................ 1
>   Capítulo 1 .................................... 5
>   Capítulo 2 .................................... 35
>
> [...]
>
> La primera idea que me viene es hacerlo mediante una lista de definición:
>
> <dl>
>       <dt>Prólogo</dt>
>       <dd>XIX</dd>
>       
>       <dt>Introducción</dt>
>       <dd>XXI</dd>
>
>       (...)
> </dl>
> pero no me parece muy correcto. No sé, por si alguno tiene algún  
> comentario ;)
Hola Javi, creo que lo que hiciste es pragmáticamente correcto. Otra 
opción es jugar con variaciones de lo siguiente (respecto de lo cual no 
pienso dar soporte, lo cual explícitamente excluye toda posibilidad de 
tener que hacer funcionar los márgenes negativos en IE < 7):

<style type="text/css">
.indice {width: 30em}
.indice h3 {text-align: center}
.indice ol, .indice li {
    margin: 0;
    padding: 0;
    color: black;
    width: 0;
    text-indent: 0;
}
.indice ol {
    margin-bottom: 1em;
    clear: both;
    float: right;
}
.preliminares {list-style-type:upper-roman}
.capitulos {list-style-type:decimal}
.indice a {
    display: block;
    margin-left: -30em;
    border-bottom: 1px black dashed;
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.indice ol ol a {margin-left: -28em}
</style>

<div class="indice">
<h3>Índice</h3>
<ol class="preliminares">
    <li value="19"><a href="XIX.html">Pr&oacute;logo</a></li>
    <li value="21"><a href="XXI.html">Introducci&oacute;n</a></li>
    <li value="23"><a href="XXIII.html">Prefacio</a></li>
</ol>
<ol class="capitulos">
    <li value="1"><a href="1.html">PARTE I</a>
        <ol>
            <li value="5"><a href="5.html">Cap&iacute;tulo 1</a></li>
            <li value="35"><a href="35.html">Cap&iacute;tulo 2</a></li>
        </ol>
    </li>
</ol>
</div>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo