Por nada.
Me alegro haber sido útil <sonrisa/>
Saludos.
Mai.
Bernat Lleonart wrote:
Maira, tenías razón, lo he vuelto a mirar y he visto que tengo que
meter el ul anidado dentro del li, antes de cerrarlo, así:
<ul>
<li>Lorem ipsum dolor sit amet
<ul>
<li>Lorem ipsum dolor sit
amet</li>
<li>Lorem ipsum dolor sit
amet</li>
<li>Lorem ipsum dolor sit
amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
Así sí que funciona.
Muchas gracias.
2005/11/7, Bernat Lleonart <[EMAIL PROTECTED]>:
Hola Maira,
Supongo que te refieres a hacer esto:
<ul>
<li>Lorem ipsum dolor sit amet</li>
<ul>
<li>Lorem ipsum dolor sit
amet</li>
<li>Lorem ipsum dolor sit
amet</li>
<li>Lorem ipsum dolor sit
amet</li>
</ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
Ya lo había probado, pero es que así no me valida en HTML 4.01 Strict:
"document type does not allow element "UL" here; assuming missing "LI"
start-tag."
Gracias de todos modos :)
2005/11/7, maira <[EMAIL PROTECTED]>:
Bernat, el problema no está en los css, sino en la estructura de la
lista anidada.
Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres
que aparezca la lista anidada y no dentro de un nuevo li.
Abajo está el codigo y funciona perfecto.
Saludos.
Maira.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html lang="ca">
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
padding: 0;
margin: 0;
}
ul,li {
list-style-type: square;
margin: 0;
padding: 0;
}
li {
margin-left: 20px;
}
ul {
border: 1px solid red;
}
/*li.nobullet {
list-style-type: none;
}*/
</style>
</head>
<body>
<div id="contenidor">
<div id="principal">
<ul>
<li>Lorem ipsum dolor sit amet
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
</div>
</body>
</html>
Bernat Lleonart wrote:
Hola
Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.
¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?
Aquí va el código:
-------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html lang="ca">
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
padding: 0;
margin: 0;
}
ul,li {
list-style-type: square;
margin: 0;
padding: 0;
}
li {
margin-left: 20px;
}
ul {
border: 1px solid red;
}
/*li.nobullet {
list-style-type: none;
}*/
</style>
</head>
<body>
<div id="contenidor">
<div id="principal">
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
</div>
</body>
</html>
-------------------------------------
¡Gracias!
_______________________________________________
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://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://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://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://ovillo.org/mailman/listinfo/ovillo
