Foros del Web » Creando para Internet » CSS »

Es cierto que IE7 no soporta el hover de li?

Estas en el tema de Es cierto que IE7 no soporta el hover de li? en el foro de CSS en Foros del Web. Hola Es cierto que IE7 no soporta el hover de li? Alguien me dijo en este foro, pero la verdad no lo puedo creer tantas ...
  #1 (permalink)  
Antiguo 16/09/2006, 16:56
 
Fecha de Ingreso: febrero-2005
Mensajes: 623
Antigüedad: 12 años, 9 meses
Puntos: 10
Es cierto que IE7 no soporta el hover de li?

Hola

Es cierto que IE7 no soporta el hover de li?

Alguien me dijo en este foro, pero la verdad no lo puedo creer tantas cosas hechas en XHTML que usan esto, y que ya no se pueda usar, seria como quitar el atributo src de las Imagenes

Alguien lo ha comprobado?
  #2 (permalink)  
Antiguo 20/09/2006, 07:00
 
Fecha de Ingreso: septiembre-2006
Mensajes: 7
Antigüedad: 11 años, 3 meses
Puntos: 0
Lo acabo de probar y si funciona con IE7
  #3 (permalink)  
Antiguo 20/09/2006, 12:37
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Augusto, creo que no me entendiste bien cuando preguntaste esto en otro foro. Lo que yo dije fue que hasta la versión 6 de Internet Explorer, la pseudoclase :HOVER sólo tenía efecto sobre un elemento <A> (hipervínculo). Y que en IE 7 iba a cambiar (es decir, :hover funcionaría sobre otros elementos) aunque muy seguro no estaba.
  #4 (permalink)  
Antiguo 18/06/2008, 07:19
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Es cierto que IE7 no soporta el hover de li?

Buenas tengo una pagina web con un menu con listas que funciona con :hover para aparecer el submenu ya saveis.... en ie6 no me funcionaba, le inserté unas lineas de codigo en el head de googlecode creo y me funciono y lo pruebo con ie7 quuuu de veria funcionar sin problemas y no lo hace que puede pasar? el codigo es maas o menos asi:

HTML:
<ul id="menu">
<li>
<div>menu1</div>
<ul>
<li><a href="#">submenu1</a></li>
</ul>
</li>
</ul>

CSS:
ul#menu li ul li {
visibility:hidden;
}
ul#menu li:hover ul li{
visibility:visible;
}


¿Que puede estar mal?

salu2
  #5 (permalink)  
Antiguo 18/06/2008, 12:12
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Es cierto que IE7 no soporta el hover de li?

La verdad este código me ha desconcertado bastante. Yo se que debería poderse, ya le he movido bastantes cosas para dejarlo similar a uno que antes tenía, pero simplemente no puedo lograr que quede. A ver si alguien que sepa más pueda ayudarnos.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 18/06/2008, 12:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Es cierto que IE7 no soporta el hover de li?

Pues no sé, pero a mi me funciona en IE7 perfectamente:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
ul#menu li ul li {
visibility:hidden;
}
ul#menu li:hover ul li{
visibility:visible;
}
</style>
</head>
<body>
<ul id="menu">
<li>
<div>menu1</div>
<ul>
<li><a href="#">submenu1</a></li>
</ul>
</li>
</ul>
</body>
</html>
Mikel.
  #7 (permalink)  
Antiguo 18/06/2008, 12:41
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Es cierto que IE7 no soporta el hover de li?

Me acabo de dar cuenta que es el DOCTYPE!!!! oO

Aun sin el html, head, body, etc, me funciona:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<style type="text/css">
#menu li ul{visibility:hidden;}
#menu li:hover ul{visibility:visible;}
</style>

<ul id="menu">
<li><a href="#">menu1</a>
<li><a href="#">menu2</a>
 <ul>
 <li><a href="#">submenu1</a></li>
 <li><a href="#">submenu2</a></li>
 </ul>
</li>
<li><a href="#">menu3</a>
</ul> 
Pero borrandole tan solo la primer línea, ya no hay forma de que funcione.

PD: ¿No sería mejor usar un display:none y display:block? Queda un espacio en blanco, y no se si así se quiera, pero yo no lo veo muy atractivo =P
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #8 (permalink)  
Antiguo 21/06/2008, 08:56
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Es cierto que IE7 no soporta el hover de li?

¿Para que sirve exactamente el DOCTYPE? yo le tengo metio unos javascript que se cargan de googlecode para solucionar lo de :hover en ie6 y solucionaba problemillas del 7 pero lo de DOCTYPE nuse para que es .

Bueno voy a probar como instalarme el ie7 en wine o algo asi para probarlo ave si funciona.

Gracias y salu2.
  #9 (permalink)  
Antiguo 21/06/2008, 11:40
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Es cierto que IE7 no soporta el hover de li?

Vale le insertado el DOCTYPE y funciona pero cuando pongo el cursor por encima del submenu tambien se hace visible.

Alguna solucion?

quizas la solucion más adecuada sería hacer el menu en javascript pero aprobechando la lista ul li.... nuse nuse
  #10 (permalink)  
Antiguo 21/06/2008, 12:48
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Es cierto que IE7 no soporta el hover de li?

Menu con javascript mucho más fiable y estandar que con css.


1 <html>
2 <head>
3
4 ^I<style>
5 ^I^I#submenu {
6 ^I^I^Ivisibility:hidden;
7 ^I^I^Ilist-style-type:none;
8 ^I^I^Ibackground-color:#adbfbd;
9 ^I^I^Iwidth:80px;
10 ^I^I}
11 ^I^I#submenu2 {
12 ^I^I^Ivisibility:hidden;
13 ^I^I^Ilist-style-type:none;
14 ^I^I^Ibackground-color:#adbfbd;
15 ^I^I^Iwidth:80px;
16 ^I^I}
17 ^I^I#menu {
18 ^I^I^Ilist-style-type:none;
19 ^I^I^Ibackground-color:#00bfbd;
20 ^I^I^Iwidth:40px;
21 ^I^I^Iheight:10px;
22 ^I^I}
23 ^I^I#menu2 {
24 ^I^I^Ilist-style-type:none;
25 ^I^I^Ibackground-color:#00bfbd;
26 ^I^I^Iwidth:40px;
27 ^I^I^Iheight:10px;
28 ^I^I}
29 ^I</style>
30
31 ^I<script>
32 ^I^Ifunction mostrar(nombreObjeto){
33 ^I^I^Idocument.getElementById(nombreObjeto).style. visibility="visible";}
34 ^I^Ifunction ocultar(nombreObjeto){
35 ^I^I^Idocument.getElementById(nombreObjeto).style. visibility="hidden";}
36 ^I</script>
37
38 </head>
39 <body>
40
41 ^I<ul id="menu">
42
43 ^I^I<li>
44 ^I^I^I<div id="menu" onMouseOver="mostrar('submenu'),ocultar('submenu2' )">Menu</div>
45 ^I^I^I<ul onMouseOut="ocultar('submenu')">
46 ^I^I^I^I<li id="submenu"><a href="#">submenu1</a></li>
47 ^I^I^I</ul>
48 ^I^I</li>
49
50 ^I^I<li>
51 ^I^I^I<div id="menu2" onMouseOver="mostrar('submenu2'),ocultar('submenu' )">Menu2</div>
52 ^I^I^I<ul onMouseOut="ocultar('submenu2')">
53 ^I^I^I^I<li id="submenu2"><a href="#">submenu2</a></li>
54 ^I^I^I</ul>
55 ^I^I</li>
56
57 ^I</ul>
58
59 </body>
60 </html>
  #11 (permalink)  
Antiguo 21/06/2008, 15:21
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Es cierto que IE7 no soporta el hover de li?

Los li de submenu se tienen que meter una una capa <div> porque sino cuando pasas de un li a otro desaparece un pequeño error

salu2
  #12 (permalink)  
Antiguo 21/06/2008, 16:43
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Es cierto que IE7 no soporta el hover de li?

Cita:
Iniciado por miguelelinventor Ver Mensaje
Menu con javascript mucho más fiable y estandar que con css.
¿Más fiable y standard?
1.- Fiable si tienes activado javascript
2.- ¿Más standard que CSS? No
3.- ¿Tan fiable que los li del segundo nivel se tienen que meter en un div?

En definitiva, una afirmación categórica poco acertada, ¿no?

Mikel.
  #13 (permalink)  
Antiguo 23/06/2008, 01:21
 
Fecha de Ingreso: junio-2008
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Es cierto que IE7 no soporta el hover de li?

Bueno para gustos colores, en mi caso css me ha dado problemas y pienso que con javascript los menus funcionan mejor, lo de meter los li en un div es porque cuando pasas de un li a otro interpreta que se sale y desaparecia el submenu. Meter los li en una capa no me ha dado ningun problema, lo de estandar me referia porque hover no funciona de igual manera en todos los navegadores.CSS:hover me ha dado problemas que solo con JavaScript ha podido solucionar.

Quizas me precipité a la hora de poner fiable y estandar...

salu2
  #14 (permalink)  
Antiguo 23/06/2008, 01:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Es cierto que IE7 no soporta el hover de li?

Ningún problema

Si los li debes meterlos en un div pierden todo su sentido, así que bastaría con el div para darle forma. De hecho no es correcto ni válido:

<ul>
<div><li>...</li></div>
<div><li>...

CSS no es problemático en sí mismo, sino a causa de su interpretación principalmente de explorer. Todo se trata de cogerle el truco

Mikel.
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 20:15.