Menu CSS con RollOver en los botones
3 seguidores
Hola, tengo un menu hecho en css con rollover en los botones, me funciona todo bien, menos el rollover que en IE6 no va y no se porqué puede ser, he pensado que igual es por el selector. ¿Sabéis si esto funciona bien en IE6?:
<code>#menu_secciones li span:hover{
background-position: left center;
}</code>
Gracias y un saludo.
Diego
zigotica
no
demssite
Que no funciona o que no lo sabes sergi?
Gracias
zigotica
no funciona, IE6 solo acepta :hover sobre enlaces. deberás usar el "IE7" de dean edwards:
http://dean.edwards.name/IE7/
demssite
Muchas gracias Sergi. Otra opcion sería aplicarle la background image al a en vez de al span y meter en el span el texto ¿no?
Gracias
orange
Explorer sólo pilla el :hover en los enlaces [a]. Pero el IE7 de Edwards me parece un poco matar moscas a cañonazos.
Yo suelo utilizar el WhatEver:Hover de Peterned.
zigotica
que tambien tela, casi mejor usar los enlaces y un sistema de reemplazo de imágenes, ¿no?
orange
El problema es que dependiendo de para qué se esté utilizando el rollover (menús desplegables, etc...) no se puede utilizar como "contenedor" un simple enlace.
Pero vamos. por la pinta que tiene yo te recomendaría este tutorial:
http://wellstyled.com/css-nopreload-rollovers.html
demssite
¿Quizá usar algo así?:
HTML
<code><li>
[a id="ir_seccion" title="Descripcion seccion ( alt + 1 )" accesskey="1" tabindex="6" href="#" class="reemplazo_imagen"]
[span]Nombre a sustituir por imagen[/span]
[/a]
</li></code>
CSS
<code>#menu_secciones li span{
visibility: hidden;
}
#menu_secciones li a:hover{
background-position: left center;
}
#ir_seccion1 {
width: 140px;
height: 45px;
}
a#ir_seccion1 {
background-image: url(../gfx/boton_menu_1.gif);</code>
Gracias chicos sois de gran ayuda. ;-)
PD: Mr orange ya tengo el zeldman de camino, pronto abriré aún más los ojos..... y molestaré menos..... jajajaj
PD2: MMMM probando, la cosa es que al hacerlo así no puedo aplicar una clase (por ejemplo .seccion_actual) que me marque en donde estoy no.....