Foros del Web » Creando para Internet » CSS »

Menu desplegable

Estas en el tema de Menu desplegable en el foro de CSS en Foros del Web. Hola. Mirad, tengo un menu desplegable que hice el otro dia viendo un html y css que habia en este foro. El problema que tengo ...
  #1 (permalink)  
Antiguo 26/08/2009, 10:02
 
Fecha de Ingreso: julio-2008
Mensajes: 143
Antigüedad: 9 años, 4 meses
Puntos: 0
Menu desplegable

Hola. Mirad, tengo un menu desplegable que hice el otro dia viendo un html y css que habia en este foro.

El problema que tengo es que en firefox y todos los navegadores, al desplegarse el menu vertical en diferentes apartados me sale todo en conjunto que es lo que yo quiero.
En cambio, en IExplorer me separa los apartados en vez de estar todos colapsados.

Os dejo HTML y CSS, me ayudarias muchisimo si sabeis el porque de esto! Creo que se debe a algo de CSS, pero nose, ya e mirado mucho y no se me ocurre nada.

Código HTML:
<!--Menu-->   
		<div id="menu">
		<ul>
 			 <li class="nivel1"><a href="nosotros.html" class="nivel1">Quienes somos</a>

<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]-->
	

<!--[if lte IE 6]></td></tr></table></a><![endif]-->

  			</li>

  		<li class="nivel1"> <a href="empresa.html" class="nivel1">Empresa</a> 

<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 2<table class="falsa"><tr><td><![endif]-->

		<ul class="nivel2">
			<li><a href="empresa1.html" title="empresa1">Empresa1</a></li> <!--SUBMENU-->
			<li><a href="empresa2.html" title="empresa2">Empresa2</a></li> <!--SUBMENU-->
			<li><a href="empresa3.html" title="empresa3">Empresa3</a></li> <!--SUBMENU-->

<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

			<li><a href="empresa4.html" title="empresa4">Empresa4</a></li> <!--SUBMENU-->
			<li><a href="empresa5.html" title="empresa5">Empresa5</a></li><!--SUBMENU-->
                       <li><a href="empresa6.html" title="empresa6">Empresa6</a></li><!--SUBMENU-->
		</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->

			</li>
  			<li class="nivel1"><a href="productos.html" class="nivel1">Productos</a>

<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 3<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

			</li>
  			<li class="nivel1"><a href="contacto.html" class="nivel1">Contacto</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
  
		</ul>

	</div>
    
    <!--Fin menu--> 
Y el CSS

Código:
* Menu*/

#menu {text-align: center;
font-size: 15px;
font-weight:bold;
width: 960px;
height:35px;
margin-bottom:30px;

}
#menu ul {list-style-type: none;
}
#menu ul li {width: 240px;
}
#menu ul li.nivel1 { float: left;
}
#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #64a71c;
border: solid  #fff;
border-left:0px;
border-right:0px;
border-top:2px;
border-bottom:0px;
padding: 8px;
position: relative;
}
#menu ul li a.nivel2, #menu ul li a.nivel2ie {color: 4b8e03;
}
#menu ul li a.nivel1, #menu ul li a.nivel2 {display: block!important;display: none;
position: relative;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #4f9008;
color: #FFFFFF;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{display: block;
position: absolute;left: 0px;
}

#menu ul li ul li a {width: 240px;
padding: 8px 0px;
border-top-color: transparent;
}
#menu ul li ul li a:hover {border-top-color: #64a71c;
position: relative;
}
#menu ul li ul li ul li a.primera {border-top-color: #4f9008;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
/* End Menu */
  #2 (permalink)  
Antiguo 26/08/2009, 10:06
 
Fecha de Ingreso: julio-2008
Mensajes: 143
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Menu desplegable

el menu en cuestion tal como lo cogi es este:

http://www.araudi.net/Desplegables/m...legable12.html

Lo que he hecho es quitarle los sub submenu, he canviado un poco. Pero con IE y esas cosas nose... Gracias !
  #3 (permalink)  
Antiguo 26/08/2009, 10:07
 
Fecha de Ingreso: julio-2008
Mensajes: 143
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Menu desplegable

el menu en cuestion tal como lo cogi es este:

http://www.araudi.net/Desplegables/m...legable12.html

Lo que he hecho es quitarle los sub submenu, he canviado un poco. Pero con IE y esas cosas nose... Gracias !
  #4 (permalink)  
Antiguo 27/08/2009, 06:27
 
Fecha de Ingreso: julio-2008
Mensajes: 143
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Menu desplegable

nadie puede ayudarme?... es que no tengo ni idea...
  #5 (permalink)  
Antiguo 27/08/2009, 07:33
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Menu desplegable

Lo que debes hacer es comparar los cambios que has hecho con el original (tanto en el html y css)
Y si son tantos que ya estás en un punto de "no retorno", comienza de nuevo, pero eso sí, aplicando lo que siempre ha recomendado el creador de esos menús, Mikmoro:
Cita:
Un cambio y verificación. Si funciona, adelante. Si falla, deshacer.
Suerte.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:59.