Comunidad de diseño web y desarrollo en internet online

Problema con :hover!

Citar            
MensajeEscrito el 01 Feb 2008 09:24 am
Echarme un a mano!

He hecho un menú (no soy muy profesional) y he cambiado las imagenes cuando pones el raton encima creando id y en la css haciendo

Código :

#boton1 {
width: 50px;
background-image:url(boton1.jpg);
}

#boton1:hover {
width: 50px;
background-image:url(boton1.jpg);
}

y funiona perfectamente

Código :

<ul>
<li id="boton1"><a href="id?27"><span>boton1</span></a></li>
</ul>


El span de esto lo tengo declarado para que no salga el texto y si la imagen...

Código :

ul li a span {
display:none:
}


El problema que tengo es que no tengo links en esas imágenes.

Por fany1987

1 de clabLevel



 

msie7
Citar            
MensajeEscrito el 01 Feb 2008 09:41 pm
La verdad, que no tengo claro haberte entendido, pero te aclaro un par de cosas:
- "#boton1:hover", no funcionará en InternetExplorer. Microsoft, sólo acepta de momento la pseudoclase "hover" en los "links" (<a>)
- por ello, he probado así, y me va bien:
<style>
span {width:50px; visibility:hidden; overflow:hidden;}
a {background-image:url(a.jpg);}
a:hover {background-image:url(b.jpg);}
</style>
<body>
<ul><li><a href="id.html?27"><span>Texto_largo</span></a></li></ul>
</body>

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 02 Feb 2008 12:48 pm
Gracias!!

Ya lo he solucionado,

Por fany1987

1 de clabLevel



 

msie7

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.