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
ul id=primerul
li
img... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/li
/ul
/li
li
img ... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/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
___
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:
dl
dtTítulo del listado/dt
ddItem1/dd
ddItem2/dd
ddItem3/dd
dtTítulo del listado/dt
ddItem1/dd
ddItem2/dd
ddItem3/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... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/li
/ul
/li
li
img ... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/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
___
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:
dl
dtTítulo del listado/dt
ddItem1/dd
ddItem2/dd
ddItem3/dd
dtTítulo del listado/dt
ddItem1/dd
ddItem2/dd
ddItem3/dd
/dl
La cuestión de la imagen podrías solucionarla metiéndola en el CSS (si
es decorativa) o dentro deldt.../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... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/li
/ul
/li
li
img ... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/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
___
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
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
ul id=primerul
li
img... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/li
/ul
/li
li
img ... /
h3Título del listado/h3
ul
liItem1/li
liItem2/li
liItem3/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
Re: [Ovillo] CSS de una lista dentro de otra lista
2010/4/26 Nacho F. Carreño na...@stvisual.com
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
li 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
