[Ovillo] Mover una imagen en un bloque
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
Re: [Ovillo] Mover una imagen en un bloque
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
--
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
Re: [Ovillo] Mover una imagen en un bloque
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
