Margen de listas en Netscape/Mozilla

Melows · #1 (**permalink**) 07/04/2004, 15:53

Hola a todos, a ver si alguien me puede ayudar un poquito,

tengo una lista desplegable, le cambiado el margen pero solo me lo reconoce el Explorer, se puede hacer q funcione en Netscape y Mozilla?

<ul style="margin : 3px;">

<li id="foldheader">MENU 1</li>
<ul id="foldinglist" style="display:none">
<li>A1</li>
<li>A2</li>
<li>A3</li>
</ul>

<li id="foldheader">MENU2</li>
<ul id="foldinglist" style="display:none">
<li>B1</li>
</ul>

</ul>

Un saludo

kemie · #2 (**permalink**) 07/04/2004, 23:55

no entiendo porque pones display:none... eso deberia de hacer que no saliera en absoluto, y ese puede ser tu problema. tambien tienes <li> fuera del tag de <ul>, lo cual no es permitido.
checa esta pagina:

http://www.w3schools.com/html/html_lists.asp

PatomaS · #3 (**permalink**) 08/04/2004, 01:48

Hola

Efectivamente, tu código es un poco raro, no está bien construido.

un sitio para chequear si las páginas está bien o no, es este:

http://validator.w3.org/

Y el problema, no es que se vea en explorer y no en los otros, realmente el problema es que se vea en explorer.

Seguramente lo ves por la suma de dos elementos

1. no has usado ninguna DTD en tu página.
2. El explorer, como la mayoría de los productos de Microsoft, interpreta que es lo que tu querías hacer y lo presenta, no se limita a presentar lo que tu has escrito, cosa que si hacen los otros navegadores.

Suerte

Felicidad

tunait · #4 (**permalink**) 08/04/2004, 03:43

Trasladado al foro de CSS desde HTML

Melows · #5 (**permalink**) 08/04/2004, 05:25

Vaya, juraria q lo escribí en el foro de CSS

que despieste.

A ver, creo q igual me expliqué mal anoche, que con el cansancio y las horas que eran.... Mil perdones.

Es un menu desplegable tipo árbol (por eso lo de style="display:none;") de http://www.dynamicdrive.com, supongo q todos lo conocereís, lo q queria hacer era modificar el sangrado que tiene por defecto a la derecha.

Este es el código completo con el script y todo.

<html>
<head>

<style>

</style>
<script language="JavaScript1.2">

</script>

</head>

<body>
<BODY BGCOLOR="#FFFFFF">
<ul style="margin : 3px;">

<li id="foldheader">MENU 1</li>
<ul id="foldinglist" style="display:none">
<li>A1</li>
<li>A2</li>
<li>A3</li>
</ul>

<li id="foldheader">MENU2</li>
<ul id="foldinglist" style="display:none">
<li>B1</li>
</ul>

</ul>

</body>
</html>

Un saludo

PatomaS · #6 (**permalink**) 08/04/2004, 10:36

Hola

Bueno, viendo el código completo...

sigues teniendo li fuera de ul, lo cual sigue siendo un error.

Efectivamente no tienes ninguna DTD en la página.

Luego, si lo que quieres es modificar el sangrado, basta con que modificque el:
<ul style="margin : 3px;">
por
<ul style="margin : 10px;">

por ejemplo, pero la forma más elegante y seguramente la que mejor resultado te dará, es que crees un estilo más y lo apliques a los li

por ejmplo así

<style>
.sangrar {
margin: 0px;
margin-left: 10px;
border: 0px;
padding: 0px;

}
</style>

<li class="sangrar">A1</li>

Suerte

Felicidad

Melows · #7 (**permalink**) 09/04/2004, 08:37

Perfecto, lo que pasaba es que el Explorer y los otros navegadores me interpretaban los valores del margen de manera diferente, pero creando el CSS style e insertandolo con "class" me va perfecto en todos los navegadores, esa era mi duda porq con <ul style="margin-left: 3px;"> el sangrado era distinto en los navegadores (si, ya se que cambiando el 3px por un 10px cambia el valor, esa no era la cuestión, esa linea la habia añadido yo)

Muchas gracias, a ver si tengo un rato y me miro las webs q me pusieron sobre los del LI fuera de UL, pero a mi me funciona perfectamente la lista desplegables.

Un saludo, a tod@s