Foros del Web » Creando para Internet » CSS »

Problema con CSS y menu de navegacion desplegable

Estas en el tema de Problema con CSS y menu de navegacion desplegable en el foro de CSS en Foros del Web. Hola chicos, estoy un poco atascado en este punto, estoy haciendo una web y no estoy muy puesto en css, encontre en un blog un ...
  #1 (permalink)  
Antiguo 21/04/2008, 04:37
 
Fecha de Ingreso: febrero-2005
Mensajes: 4
Antigüedad: 12 años, 9 meses
Puntos: 0
Problema con CSS y menu de navegacion desplegable

Hola chicos, estoy un poco atascado en este punto, estoy haciendo una web y no estoy muy puesto en css, encontre en un blog un codigo para hacer un menu desplegable pero en ie6 no funciona como yo quisiera. sin embargo en mozilla y ie7 si, el enlace a la web es este:(es uno temporal mientras contratamos el hosting final)
http://www.plazaredes.com/clients/graham/index.html

y el codigo css para el menu de navegacion es este

Código:
ul#navmenu-h {
 /* background-image:url(Spanish_equity_release_images/menu-bg.gif);*/
  margin: 0;
  border: 0 none;
  padding-left:10px;
  padding-right:10px;
  width: 730px; /*For KHTML*/
  list-style: none;
  height:37px; 
  vertical-align:middle;  
  
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; 
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  /*border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;*/
  padding-left:7px; 
  padding-right:14px; 
  padding-top:6px; 
  padding-bottom:6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666;
  font-family: tahoma; 
  font-size:15px; 
  color:#FFFFFF; 
  text-decoration:none;
  /*font-weight:bold*/
  text-decoration: none;
  height: auto !important;
  height: 1%; For IE
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background-image:url(Spanish_equity_release_images/menu-bg_hover.gif); 
  background-position:center; 
  background-repeat:repeat-x; 
  color:#FFE7CF
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display*/
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}
El tema es que con ie 6 pasas el mouse por los distintos menus y el desplegable aparece escalonado y separado, y mi intencion es de que se vea el tamaño de los submenus todos del mismo tamaño tal y como se ve en ie 7 y mozilla. A ver si alguien me puede echar una mano que es lo unico que me falta para terminar este trabajo. Gracias de antemano por dedicar un poco de tiempo
  #2 (permalink)  
Antiguo 21/04/2008, 11:37
 
Fecha de Ingreso: febrero-2008
Mensajes: 294
Antigüedad: 9 años, 9 meses
Puntos: 2
Re: Problema con CSS y menu de navegacion desplegable

yo tengo casi el mismo problema. tengo un menu en css,q parece javascript que cuando pasas el mouse encima, cambia de color. esto se ve bien en mozilla y IE7,pero en IE6 no cambia de color. he visto,pero no recuerdo en que seccion de aca,como crear un css que sea compatible con todos los navegadores, a ver si alguien nos ayuda en esto, se lo agradeceriamos.

gracias de antemano.
  #3 (permalink)  
Antiguo 23/04/2008, 02:53
 
Fecha de Ingreso: febrero-2005
Mensajes: 4
Antigüedad: 12 años, 9 meses
Puntos: 0
Re: Problema con CSS y menu de navegacion desplegable

webber ponme el link para ver que es lo que te ocurre a ti exactamente, a mi lo que me ocurre es que los recuadros de los submenus aparecen en tamaños distintos mientras que en ie 7 o mozilla salen todos del tamaño del mas grande
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 07:51.