Re: [Ovillo] CSS de una lista dentro de otra lista
2010/4/26 "Nacho F. Carreño"
> ul#primerul li {
> clear:both; margin-bottom:40px; overflow:hidden;
> }
>
Lo que vos querés es esto:
ul#primerul > li {
clear:both;
}
El selector ">" significa *hijo (directo),* por lo que va a matchear con los
de la lista externa, pero no los de las interna.
http://www.w3.org/TR/CSS2/selector.html#child-selectors
Según QuirksMode, funciona en todos los browsers, salvo IE 5.5 / IE 6
http://quirksmode.org/css/contents.html
saludos,
Joaquín Vicente
___
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
Re: [Ovillo] CSS de una lista dentro de otra lista
Pon "clear: none;" al segundo nivel de li.
-Mensaje original-
De: "Nacho F. Carreño" [mailto:na...@stvisual.com]
Enviado el: lunes, 26 de abril de 2010 13:51
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] CSS de una lista dentro de otra lista
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
Título del listado
Item1
Item2
Item3
Título del listado
Item1
Item2
Item3
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
Re: [Ovillo] CSS de una lista dentro de otra lista
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:
>
> Título del listado
> Item1
> Item2
> Item3
> Título del listado
> Item1
> Item2
> Item3
>
> La cuestión de la imagen podrías solucionarla metiéndola en el CSS (si
> es decorativa) o dentro del...
>
> 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
>>
>>
>>
>>
>> Título del listado
>>
>> Item1
>> Item2
>> Item3
>>
>>
>>
>>
>> Título del listado
>>
>> Item1
>> Item2
>> Item3
>>
>>
>>
>>
>> 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
>>
>>
>>
> ___
> 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
>
>
>
___
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
Re: [Ovillo] CSS de una lista dentro de otra lista
Hola, Nacho
Lo primero, yo creo que tu código tiene toda la pinta de encajar mejor
en una lista de definición:
Título del listado
Item1
Item2
Item3
Título del listado
Item1
Item2
Item3
La cuestión de la imagen podrías solucionarla metiéndola en el CSS (si
es decorativa) o dentro del ...
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
>
>
>
>
> Título del listado
>
> Item1
> Item2
> Item3
>
>
>
>
> Título del listado
>
> Item1
> Item2
> Item3
>
>
>
>
> 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
>
>
___
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
Re: [Ovillo] CSS de una lista dentro de otra lista
Hola
lo que te pasa es normal
lo que dices con
> ul#primerul li
es que las listas dentro de #primerul tendrán ciertos atributos, pero no
concreta que tenga que ser solo las listas de primer nivel... cualquier li
dentro de #primerul cogerá esos atributos ya estén dentro de otra ul o no,
con lo cual ederan todo lo que le pongas a
> ul#primerul li
tendrás que poner
#primerul li ul li {clear:none;}
para "limpiar" lo que ereda de #primerul li
saludos
El 26/04/2010, a las 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
>
>
>
>
> Título del listado
>
> Item1
> Item2
> Item3
>
>
>
>
> Título del listado
>
> Item1
> Item2
> Item3
>
>
>
>
> 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
>
___
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
[Ovillo] CSS de una lista dentro de otra lista
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
Título del listado
Item1
Item2
Item3
Título del listado
Item1
Item2
Item3
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
