Hacer funcionar la pseudoclase :hover en ie6

[rex16]

Hola de nuevo, lo que sucede es que he creado un menu desplegable en html y css puro que se ve bien en ie8 y 9,chrome,opera y firefox.
En ie6 se ve bien pero no se despliga, el problema segun lei es que ese navegador NO soporta la clase :hover en listas anidadas y como se ocultan primero, luego no se puede desplegar.
He intentado con librerias javascript pero no logro hacerlo funcionar tampoco, pero me interesa mas con css, se que se puede aqui en FDW el usuario mikmoro tiene multiples ejemplos pero ya que el mio lo hice de cero y sus estilos estan organizados diferentes no logro entender cual es el "truco" para lograrlo, si alguien se toma un tiempo en verlo y talvez darme una pista se lo agradezco mucho.

Aqui esta online

[alexk]

Aqui tienes algunos ejemplos
http://araudi.net/

Una solucion mas rapida seria implementar estos scripts
http://peterned.home.xs4all.nl/csshover.html
http://code.google.com/p/ie7-js/

[rex16]

Gracias por tu respuesta, los scripts preferiria no usarlos y ya lo hice y no me salio talvez, los ejemplo de mikmoro los he visto como dije arriba y no quiero ir a copiar y modificar, veras es que quiero aprender a hacerlo yo mismo y solo me falta ese paso, lograr desplegarlo en ie6 que no lo acepta por defecto, es lo que quiero si alguien me dice en css que es lo que hay que hacer, no que me lo haga, pero que me diga en si cual es el detalle.

[Alucine]

Iniciado por alexk

Aqui tienes algunos ejemplos
[url]http://araudi.net/[/url]

Una solucion mas rapida seria implementar estos scripts
[url]http://peterned.home.xs4all.nl/csshover.html[/url]
[url]http://code.google.com/p/ie7-js/[/url]

Disculpas la intromisión pero es para preguntar algo acerca de lo que dijo alexk, estuve probando los códigos de los menues de araudi.net y todo funciona bien pero el dreamweaver me indica "unsopported propery" en el selector "outline" de esta línea de código css:

* {
margin: 0;
outline: 0 none;
padding: 0;
}

y dice que afecta a Internet Explorer 6.0, 7.0... Qué podrías decirme al respecto?

Y, por otro lado, ya que estoy :D, qué significan los estilos css indicados con " * " ? disculpas si es una pregunta muy sonsa :)

Gracias!

[tredio]

el "*" selecciona todos los elementos.

outline es una propiedad css2 y los navegadores que dreamweaver te indica son navegadores obsoletos que no soportan dicha propiedad

[Alucine]

gracias tredio :) ahora, a qué se refiere la propiedad outline? traté de encontrarlo en la web pero no termino de entender, aparentemente es como un borde, pero qué diferencia habría entonces con la propiedad "border"? :)

[tredio]

es un borde externo, y este no afecta a la altura o anchura del elemento, mira esto:

http://jsfiddle.net/kfFXc/

ves lo que pasa cuando haces hover sobre los divs con la clase border? es por que el borde afecta el ancho o alto del elemento, el outline no

[jomaruro]

Hola:

Iniciado por Alucine

... el dreamweaver me indica "unsopported propery" ...

Deberías preocuparte más por lo que te diga la w3c cuando valides tu código y no por lo que diga el Dreamweaver que, al fin y al cabo, no es más que un editor.

Saludos.

[Alucine]

Iniciado por jomaruro

Hola:



Deberías preocuparte más por lo que te diga la w3c cuando valides tu código y no por lo que diga el Dreamweaver que, al fin y al cabo, no es más que un editor.

Saludos.

emm bueno :D gracias.

[rex16]

hay que emocion!!! les comento que ya fui capaz de desplegarlo en ie6 que era lo que me faltaba, me guie con el codigo del señor mikmoro de araudi.net (maestro), pero no copie

No domino la tecnica aun pero ya tengo la idea de su funcionamiento.

Gracias alexk por responder, un saludo a todos.

[MasterXNicoX]

Que bueno que te guste aprender y no solo copiar y pegar colega!! Sigue así!!!

[Alucine]

seeee esa es la actitud! :D