Hola a t...@s,

Me estoy pegando con las CSS de una página y no soy quien a encontrar 
una solución. El caso es que tengo una lista ul dentro de otro lista ul 
de la siguiente manera

<ul id="primerul">
<li>
<img... />
<h3>Título del listado</h3>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</li>
<li>
<img ... />
<h3>Título del listado</h3>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</li>
</ul>

El caso es que necesito que el li principal tenga la propiedad 
clear:both y los li de la siguiente lista anidada necesito que tenga 
clear both pero no se porque me hereda el clear:both de la primera li y 
no soy capaz de conseguir el efecto que quiero hacer.

Este es el css

ul#primerul{
     margin:0; padding:0; border:0; list-style-type:none;
}

ul#primerul li {
     clear:both; margin-bottom:40px; overflow:hidden;
}

#primerul li ul li {
     font-size:0.75em; color:#0e644b; float:left;  margin-bottom:0;
}

¿Sabéis que puede hacer para que el li anidado pueda flotar a la derecha 
y no tome la propiedad clear:both; del primer li?

Gracias y un saludo,

Nacho
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a