problema menus desplegables

Mo · 28 Sep 2007, 23:51 · Solicitar retirada

Hola amigos, me estoy construyendo la pagina y estoy casi, casi.
El unico problema ahora es como vizualizar los menus desplegables en IE,
Se lo agradeceria muchissimo si me podeis echar una mano.
os dejo el .CSS y un .html. Gracias a todos
------------------------------------------------------------------------------
ya ta Yaheth
contenido .html :

<html>
<head><title>A.B.P.</title>
<link>
</head>
<body>
<div>
<div><h3>Bienvenidos Wellcome</h3></div>
<div></div>
<div>
<ul>

<a>

li 7</p></a>

</div>
<div>
<div>Index</div>
<div>
<a>

INFORMACION GENERAL SOBRE DESTACADO1</p>
<img></a>
<a>

INFORMACION GENERAL SOBRE DESTACADO2</p>
<img></a>
<a>

INFORMACION GENERAL SOBRE DESTACADO3</p>
<img></a>
<a>

INFORMACION GENERAL SOBRE DESTACADO4</p>
<img></a>
</div>
</div>
<div></div>
<div><h3>Bienvenidos Wellcome</h3></div>
</div>
</body>
</html>
-------------------------------------------------------
contenido .css :

body {text-align: center}
* {margin:0,padding:0;border:0}
#global {background: #F5F5F5;width:1000;margin: 2 auto;position: absolute}
#cabecera {;background:red;width:800;margin:10 auto}
#cabecera2 {;background: url(objetos/cabecera2.jpg);width:800;margin:10 auto;height:100}
#navegacion {background: url(objetos/navegacion.jpg);width:800;height:61;margin:10 auto;padding-top:15}
#contenido {;background: url(objetos/contenido.jpg);width:800;height:500;margin:10 auto;}
#text {;ackground: url(objetos/fon.jpg);width:480;height:400;margin:30 15 20 15;float:left}
#text img{margin:10;position:absoluite}
#text p {width:120;eight:80;margin:10;text-align:left}
#destacados {background: url(objetos/destacado.jpg);width:280;height:400;margin:30 10 0 510;position:absolute;}
#destacados img{margin:15 20 0 145;}
#destacados p{text-align:left;margin:15 150 0 10;position:absolute}
#pie {background: url(objetos/pie.jpg);width:800;height:100;margin:10 auto}
#pie2 {background:red;width:800;margin:10 auto}
li {display:block;float:left;width:100;height:33;text-align:center;background-image:url(objetos/boton.jpg);order:1 solid white}
li a:hover{color: red; text-decoration:none;}
li:hover{;background: url(objetos/onboton.jpg)}
li ul {position:absolute;display:none;left:202;top:233;}
li ul ul{width:100}
li:hover ul, li.over ul{display:block;}
li.po ul{;position:absolute;display:none;}
li.po li{width:100}
li.po:hover ul{display:block}
li.co ul{display:none;left:0;top:33}
li.co:hover ul{display:block;}
li.co:hover li{;background-image:url(objetos/boton.jpg)}
li.mo ul{display:none;left:102;top:33}
li.mo:hover ul{display:block}
li.in ul{display:none;left:204;top:33}
li.in:hover ul{display:block;font-size:1.1em}
li a{color:black;text-decoration:none;font-size:0.9em}
--------------------------------------------------------------------

Yaneth · 29 Sep 2007, 01:24 · Solicitar retirada

Hola

Creo que olvidaste activar la casilla

de abajo que dice:

deshabilitar html en este mensaje

saludos

GianBros · 29 Sep 2007, 02:39 · Solicitar retirada

Hola, pues yo creo si te sirvio con lo que Yaneth te respondio, pero pues por si las dudas de ke no, pues aki publico un codigo para que lo tomes de ejemplo tu nada mas le cambies dependiendo tu contenido va?¡??
bueno ojala y te sirvan pues al igual que tu yo apenas estoy aprendiendo bueno adios y aki estan los codigos:

en HTML es:

<html>
<head>
<title>Grupo Cultural ARTEDREZ 260</title>
<link rel="stylesheet" href="nenu.css" type="text/css" media="all">
<script type="text/javascript"><![CDATA[//><!--
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;

//--><!]]></script>
</head>
<body> 
<ul id="nav">
  [*]Principal
    <ul>
		[*][url="menu.html"]considerandos[/url]
		[*][url="menu.html"]actualidad[/url]
		[*][url="menu.html"]inicios[/url]
		[/list]
		
		
		[*]Torneos
		<ul>
		[*][url="menu.html"]Tlaxcala[/url]
		[*][url="menu.html"]Mexico[/url]
		[*][url="menu.html"]del Mundo[/url]
		[/list]
		
</body> 
</html>

y en la hoja de estilos (css) queda asi:

ul { /* all lists */ 
   padding: 0; 
   margin: 0; 
   list-style: none; 
} 

li { /* all list items */ 
   float: left; 
   position: relative; 
   width: 5em; 
} 

li ul { /* second-level lists */ 
   display: none; 
   position: absolute; 
   top: 1em; 
   left: 0; 
} 

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ 
   top: auto; 
   left: auto; 
} 

li:hover ul, li.over ul { /* lists nested under hovered list items */ 
   display: block; 
} 

#content { 
   clear: left; 
}

bueno ojala y te sean de utilidad y nos cuentes que tal te fue por si no sirvio pues intentar ayudarte de otro modo adios.

Mo · 29 Sep 2007, 11:54 · Solicitar retirada

gracias chicos, si quereis is mando los archivos en mp.

JorGens · 29 Sep 2007, 16:51 · Solicitar retirada

Muy bueno Gian! Gracias! :wink:

Mikel L · 30 Sep 2007, 19:55 · Solicitar retirada

esta genial la verdad! pero tengo una duda mas.. al abrirlo con el IE... el sistema de seguridad del xplorer.. me saca un mensaja diciendo a ver si kiero permitir ventanas emergentes kreo.. y es por lo del menu... hay alguna forma de decir al IE de que ese menu no es peligroso??

GianBros · 1 Oct 2007, 04:32 · Solicitar retirada

Uy, pues la verdad estoy igual que tu, pues te sale la ventana bloqueadora de "pop-ups" y si si sale por el java script que lleva ese menu, pero pues no se como eliminar ese molesto mensaje, pero lo unico que se me ha ocurrido hasta ahorita es que al inicio de la pagina decirle al usuario que permita los pop-ups para que la pagina realize todas las funciones correctas, es lo unico que se me ocurre, claro a lo mejor alguien si sabe como quitar esos mensajes, pues esperemos que nos dija como jajaja bueno adios, y esperemos respuestas.

GianBros (Alias Luigi Pérez Calzada) Se busca Vivo o Muerto!!!!

Recompensa la satisfacción de haberlo encontrado.....
:lol: :lol:

Maestro html · 1 Oct 2007, 08:17 · Solicitar retirada

Es verdad sale un bloqueador de contenido activo, como en todos los javascripts.

Mo · 1 Oct 2007, 09:19 · Solicitar retirada

Perdonad chicos, sabe alguien de donde me puedo bajar IE para mac.
Es que hago la pagina en el mac y no la puedo ver si sale bien o no.
He encontrado la descarga de softonic, pero no estoy en España ahora y....

JorGens · 1 Oct 2007, 12:46 · Solicitar retirada

En cuanto a lo de darle permiso en el navegador, creo que solo ocurre cuando haceis vista previa, pero una vez subido al servido (creo) no ocurre, luego los visitantes no se encontraran con ese mensaje, les aparecerá el menú sin problemas ni avisos. O al menos eso cre. Lo podeis comprobar?

Un saludo!

(No se nada de mac, lo siento) :roll: