Si podés hacer el hover!
Si lo único que necesitás es que se mueva la imágen, no que cambie,
podés, tranquilamente, desde el CSS decirle
a:hover {
background-position: -63px 0;
}
Mientras que en el html tenes
<a style="background-image:url(imagen.gif)">Texto del Link</a>
Además tendrías que usar alguna técnica de image replacement para
ocultar el texto del link.
Martin.
Javier Prieto wrote:
De sucio nada Martin:
El problema es que no puedo hacer el hover y no quiero usar Javascript.
Ya hice eso que me comentas y funciona a las mil maravillas, incluso
puse el codigo del hover en el head, pero ná de ná
Muchas gracias de todas formas, me voy a acostar a ver si sueño con la
solución
Saludos
Martin Szyszlican wrote:
No probé tu código y no te soluciono el problema que planteás, te
ofrezco la alternativa de usar la propiedad style para poner la
imagen de fondo en el <a>, de esa manera sería un fondo asignado por
css inline y aun podés tomarlo desde la base de datos.
Te parece que eso sería sucio?
Martin.
Javier Prieto wrote:
Hola de nuevo listeros:
Tengo un bloque <a> donde pongo una imagen dentro.
El problema que tengo es que los estilos que os pongo a continuacion
no me funciona el efecto en IExplorer
#enlaces .enlace_bloque a {
height: 63px;
width: 86px;
display: block;
overflow: hidden; /* Con esto sólo muestro la mitad de la imagen*/
}
#enlaces .enlace_bloque a img{
margin-top: 0px;
}
#enlaces .enlace_bloque a:hover img{
margin-top: -63px; /*la imagen es el doble, de 126px*/
}
Simplemente lo que quiero hacer es que al pasar por encima de la
imagen se desplace hacia arriba. En Firefoz sale bien pero en
Explorer... ya sabeis, muestra la imagen pero no la mueve
El código HTML es el siguiente
<a href="#" target="_blank">
<img src="loquesea.gif />
</a>
P.D.: EL problema es que esto lo hice poniendo la imagen de fondo
del <a> y al pasar por encima cambia la posición del fondo y
funciona perfecto en los dos navegadores, pero como tengo que sacar
la URL de la imagen de una BD y no puedo hacerlo en el CSS opté por
hacerlo como os puse arriba
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
Martin Szyszlican
www.ylisto.info
___________________________________________________________
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
