Foros del Web » Creando para Internet » CSS »

menu desplegable css y ie6

Estas en el tema de menu desplegable css y ie6 en el foro de CSS en Foros del Web. Buenas compáñeros, Ando un poco loco con un menú desplegable . Hace dias que estoy probandolo todo. He echo y desecho mil veces, he probado ...
  #1 (permalink)  
Antiguo 02/09/2008, 12:27
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 9 años, 7 meses
Puntos: 1
menu desplegable css y ie6

Buenas compáñeros,

Ando un poco loco con un menú desplegable . Hace dias que estoy probandolo todo. He echo y desecho mil veces, he probado de hacerlo con javascript con css y de mil maneras y he llegado a un punto donde el menú desplegable se ve bien con ie7 firefox y mozilla pero no se ve con ie6 .

El menú está echo integramente con css y os pongo el código CSS referente al menú al final. Os lo he colgado a mi servidor. Vereis que la página no está acabada y está un poco fea pero ahora mismo solo me interesa que el menú funcione bien.

Estaré muy agradecido a cualquier tipo de ayuda

http://mhou.es/menu/mgl.php

Cita:
.menu {width:480px; float:right; position:relative; left:-40px; top:-10px; }
.menu ul {padding:0;margin:0;list-style-type:none; float:right; }
.menu ul ul { display:marker; width:500px; background-color:white;}
.menu li {float:left;width:95px;position:relative; }

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:white; width:85px; height:60px;
position:relative; top:15px; }


.menu ul ul a.drop, .menu ul ul a.drop:visited {display:block;font-size:10px;text-decoration:none; color:white; width:85px; height:40px; padding:0px; vertical-align:middle; position:relative; top:1em; }


.menu ul ul :hover > a.drop { display:block;font-size:10px; font-weight:bold; text-decoration:none; color:#FFDCB9; width:85px; height:40px; padding:0px; vertical-align:middle; position:relative; top:1em; }

.menu ul ul a.drop p,.menu ul ul :hover > a.drop p { line-height:normal;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:relative;top:-6px; left:0px; background:url(Imagenes/desplegable.png) no-repeat top center; width:96px; height:90px; }

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ position:relative; top:15px; }
.menu ul li{ }
.menu ul li:hover{background:url(Imagenes/boton_menu_servicios.png) top center no-repeat;}
.menu ul li a{}
.menu ul ul li {background-image:none; }
.menu ul ul li:hover {background-image:none; }
.menu ul ul li a {background-image:none; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
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 23:21.