Hola,
Efectivamente al añadir clear:none se ha mostrado la segunda lista como
yo quería.
Gracias Martín y Rodrigo por la ayuda!
Nacho
El 26/04/2010 14:02, Rodrigo Álvarez Virgós escribió:
> Hola, Nacho
>
> Lo primero, yo creo que tu código tiene toda la pinta de encajar mejor
> en una lista de definición:
> <dl>
> <dt>Título del listado</dt>
> <dd>Item1</dd>
> <dd>Item2</dd>
> <dd>Item3</dd>
> <dt>Título del listado</dt>
> <dd>Item1</dd>
> <dd>Item2</dd>
> <dd>Item3</dd>
> </dl>
> La cuestión de la imagen podrías solucionarla metiéndola en el CSS (si
> es decorativa) o dentro del<dt>...</dt>
>
> Si aun así mi sugerencia no te encaja, prueba con "clear:none;" dentro
> de "#primerul li li"
>
> El 26/04/2010 13:51, "Nacho F. Carreño" escribió:
>
>> 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 [email protected]
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>>
>>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
