Foros del Web » Soporte técnico » Ayuda General »

Problema menú desplegable IE

Estas en el tema de Problema menú desplegable IE en el foro de Ayuda General en Foros del Web. Hola, de antemano gracias, estoy construyendo una página web y el menú desplegable horizontal no despliega submenus en internet explorer, pero en los demás navegadores ...
  #1 (permalink)  
Antiguo 04/07/2012, 05:06
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Problema menú desplegable IE

Hola,

de antemano gracias, estoy construyendo una página web y el menú desplegable horizontal no despliega submenus en internet explorer, pero en los demás navegadores me funciona perfectamente.
He leido bastantes foros dentro de forosdelweb.com pero la verdad es que no consigo encontrar una alternativa que me funcione.

Os dejo mi código, a ver si alguien me puede echar una mano.

Gracias.

------------------------


ul#menu-horizontal li {
float: left;
display: inline;
position: relative;
}



ul#menu-horizontal ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}

ul#menu-horizontal ul li {
display: block !important;
}

ul#menu-horizontal li:hover ul{
display: none;
position: absolute;
}

ul#menu-horizontal li:hover ul{
display: block;
position: absolute;
}


#menu-horizontal {
width:100%;
margin:0 auto;
margin-left:0;
}

#menu-horizontal li {
margin:0 1px;
width:150px;
min-height:19px;
text-align:center;
background:#BBB;
list-style:none;
padding:2px 0;
}


#menu-horizontal li:hover{
background:#0080FF;

}

#menu-horizontal li a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

#menu-horizontal li ul li{
float:none;
width:150px;
margin:1px 0;
}
  #2 (permalink)  
Antiguo 04/07/2012, 12:22
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 12 años, 7 meses
Puntos: 297
Respuesta: Problema menú desplegable IE

Este tema encajaría mejor en CSS

¿En que versión de IE no te funciona?
  #3 (permalink)  
Antiguo 05/07/2012, 05:50
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

Hola!

No me funciona ni IE 8. ni en IE 9, en otras versiones no he probado.

Leyendo por la web, he leido que IE no interpreta hover, que hay que utilizar javascript..

gracias!
  #4 (permalink)  
Antiguo 05/07/2012, 05:51
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

Cita:
Iniciado por hasdpk Ver Mensaje
Este tema encajaría mejor en [url=http://www.forosdelweb.com/f53/]CSS[/url]

¿En que versión de IE no te funciona?
Hola!

No me funciona ni IE 8. ni en IE 9, en otras versiones no he probado.

Leyendo por la web, he leido que IE no interpreta hover, que hay que utilizar javascript..

gracias!
  #5 (permalink)  
Antiguo 05/07/2012, 10:01
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 12 años, 7 meses
Puntos: 297
Respuesta: Problema menú desplegable IE

IE8 y IE9 sí interpretan :hover.

¿Podrías poner el código html del menú?
__________________
Freelance Developer — www.rubenmartin.me PHP, SQL, Wordpress, Prestashop, Codeigniter, Laravel
RegaloConsolas — www.regaloconsolas.com Sorteo juegos, consolas y accesorios
  #6 (permalink)  
Antiguo 06/07/2012, 01:51
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

Cita:
Iniciado por hasdpk Ver Mensaje
IE8 y IE9 sí interpretan :hover.

¿Podrías poner el código html del menú?
<ul id="menu-horizontal" >
<li><a href="que_es_solid.html" title="Texto">¿Qué es?</a></li>
<li style="width: 200px"><a href="que_hay.html" title="Texto">¿Qué hay de nuevo en SE? ST4</a></li>
<li><a href="salidas.html" title="Texto">Salidas Profesionales</a></li>
<li><a href="princi_moodle.html" title="Texto">Campus Virtual</a>
<ul>
<li><a href="que_es_moodle.html" title="Texto">¿Qué es moodle?</a></li>
<li><a href="que_recursos.html" title="Texto">¿Qué recursos nos ofrece?</a></li>
<li><a href="como_registrarse.html" title="Texto">¿Como registrarse en moodle?</a></li>
</ul>
</li>
<li><a href="formulario.html" title="Texto">Contacto</a></li>
</ul>
  #7 (permalink)  
Antiguo 06/07/2012, 01:52
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

A pues pensé que no interpretaba hover por lo que había leído.. pues a ver dónde tengo el fallo!
:S
  #8 (permalink)  
Antiguo 11/07/2012, 06:43
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 12 años, 7 meses
Puntos: 297
Respuesta: Problema menú desplegable IE

Pues he probado tu código y funciona perfectamente. ¿Has puesto el Doctype?
__________________
Freelance Developer — www.rubenmartin.me PHP, SQL, Wordpress, Prestashop, Codeigniter, Laravel
RegaloConsolas — www.regaloconsolas.com Sorteo juegos, consolas y accesorios
  #9 (permalink)  
Antiguo 13/07/2012, 02:01
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

Cita:
Iniciado por hasdpk Ver Mensaje
Pues he probado tu código y funciona perfectamente. ¿Has puesto el Doctype?
Joe! Pues no, y ahora al poner este doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">

se me cambian tamaños letras etc... se puede hacer algo para evitar eso?
pero me funciona en IE el menú!!

Muchas gracias!!!!
  #10 (permalink)  
Antiguo 13/07/2012, 02:36
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 12 años, 7 meses
Puntos: 297
Respuesta: Problema menú desplegable IE

Yo he usado el doctype de html5 y la página está bien maqueta, aquí el código: http://jsfiddle.net/BvT73/, y el resultado: http://jsfiddle.net/BvT73/embedded/result/
__________________
Freelance Developer — www.rubenmartin.me PHP, SQL, Wordpress, Prestashop, Codeigniter, Laravel
RegaloConsolas — www.regaloconsolas.com Sorteo juegos, consolas y accesorios
  #11 (permalink)  
Antiguo 13/07/2012, 03:51
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

Cita:
Iniciado por hasdpk Ver Mensaje
Yo he usado el doctype de html5 y la página está bien maqueta, aquí el código: [url]http://jsfiddle.net/BvT73/[/url], y el resultado: [url]http://jsfiddle.net/BvT73/embedded/result/[/url]
Mi problema era que me faltaba de marcar las unidades en ciertas imágenes y fuentes ya que tenía puesto por ejemplo: size=4 en vez de size=4px.

Y estoy arreglando ahora el problema en la página, en el único lugar que me da fallo es en la que tengo un formulario y la extensión de la página es .php, ahí no me reconoce el Doctype, o necesito otro... no lo sé...
  #12 (permalink)  
Antiguo 13/07/2012, 04:03
 
Fecha de Ingreso: julio-2012
Mensajes: 8
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Problema menú desplegable IE

Cita:
Iniciado por jirastorza Ver Mensaje
Mi problema era que me faltaba de marcar las unidades en ciertas imágenes y fuentes ya que tenía puesto por ejemplo: size=4 en vez de size=4px.

Y estoy arreglando ahora el problema en la página, en el único lugar que me da fallo es en la que tengo un formulario y la extensión de la página es .php, ahí no me reconoce el Doctype, o necesito otro... no lo sé...
Perdón: había hecho los cambios en otra página y por eso no se me visualizaba bien el resultado, va perfectamente en extensión .php.

De todas maneras, con tu código de html5 he observado que me centra correctamente el texto en los menús y con el otro doctype me lo dejaba un poco hacia arriba..

voy a seguir cacharreando!

Etiquetas: desplegable
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 16:35.