On Thu, 3 Feb 2005 11:53:00 +0100, Carmen Ugarte Garcia
<[EMAIL PROTECTED]> wrote:
> Tengo un documento que contien listas cuya estructura jerárquica es del
> tipo:
> 
> <ul>
> <li> Ítem1</li>
> <li> ítem2
> <ul> <!-- primer bloque -->
> <li> Ítem 211</li>
> <li> Ítem 212 </li>
> </ul>
> <ul> <!-- segundo bloque -->
> <li> ítem221</li>
> ...
> </ul>
> </li>
> .....
> </ul>
> 
> En la presentación quiero destacar visualmente, por ejemplo mediante color,
> sangrado o tipo de letra, los elementos de la sublista marcada como
> "segundo bloque". ¿Cuál es la forma más aconsejable y sencilla de hacerlo?
> 
> María del Carmen Ugarte García
> 

Solo una pregunta, no me lo tomes a mal, pero ¿es lógico colocar 2
listas desordenadas consecutivamente cuando éstas se refieren a una
enumeración de un mismo tópico?, es decir, ellas "descienden" de un
mismo "padre". Planteo esta inquietud porque en realidad no se en que
situación te encuentras. Pero aca te coloco lo que he hecho...

Código (X)HTML
<ul>
        <li>item 1</li>
        <li>item 2
                <ul>
                        <li>item 2.1</li>
                        <li>item 2.2</li>
                        <li>item 2.3
                                <ul>
                                        <li>item 2.3.1</li>
                                        <li>item 2.3.2
                                                <ul>
                                                        <li>item 2.3.2.1</li>
                                                        <li>item 2.3.2.2</li>
                                                        <li>item 2.3.2.3</li>
                                                        <li class="old">item 
2.3.2.4</li>
                                                        <li class="old">item 
2.3.2.5</li>
                                                        <li class="old">item 
2.3.2.6</li>
                                                </ul>
                                        </li>
                                </ul>
                        </li>
                </ul>
        </li>
        <li>item 3</li>
        <li>item 4</li>
        <li>item 5</li>
        <li>item 6</li>
</ul>

A los tópicos que deseo resaltar simplemente les he asociado una clase
(en el ejemplo la clase se llama "old"), así me evito el colocar dos
enumeraciones continuas...

Código CSS
ul li{ list-style-type: circle; font: 0.85em/1.4em "Trebuchet MS",
Arial, Verdana, sans-serif;}
ul li ul li{ list-style-type: disc; font: italic 1em/1.4em "Trebuchet
MS", Arial, Verdana, sans-serif; }
ul li.old { list-style-type: square; text-decoration: line-through;
color: #666; }

Espero te sirva, un saludo...

-- 
# Milton Mazzarri
# Usuario de GNU/Linux: #369158
# Ubuntu Linux
# Weblog: http://milmazz.blogspot.com

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a