07/04/2004, 15:53
| ||||
| ||||
| Margen de listas en Netscape/Mozilla 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  |
|
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
__________________ ::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
|
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
__________________ ¡ hey, hou, hou, hey ! |
|
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> <!-- #foldheader{cursor:pointer;cursor:hand ; font-weight:bold ; list-style-image:url(fold.gif)} #foldinglist{list-style-image:url(list.gif)} //--> </style> <script language="JavaScript1.2"> <!-- //Smart Folding Menu tree- By Dynamic Drive (rewritten 03/03/02) //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com //This credit MUST stay intact for use var head="display:''" img1=new Image() img1.src="fold.gif" img2=new Image() img2.src="open.gif" var ns6=document.getElementById&&!document.all var ie4=document.all&&navigator.userAgent.indexOf("Ope ra")==-1 function checkcontained(e){ var iscontained=0 cur=ns6? e.target : event.srcElement i=0 if (cur.id=="foldheader") iscontained=1 else while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){ if (cur.id=="foldheader"||cur.id=="foldinglist"){ iscontained=(cur.id=="foldheader")? 1 : 0 break } cur=ns6? cur.parentNode : cur.parentElement } if (iscontained){ var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0] if (foldercontent.style.display=="none"){ foldercontent.style.display="" cur.style.listStyleImage="url(open.gif)" } else{ foldercontent.style.display="none" cur.style.listStyleImage="url(fold.gif)" } } } if (ie4||ns6) document.onclick=checkcontained //--> </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  |
|
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
__________________ ¡ hey, hou, hou, hey ! |
|
09/04/2004, 08:37
| ||||
| ||||
 Perfect 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 |
