Re: [Ovillo] RollOver con una sola imagen
Hola Edu,
Alejandro Lillo escribió:
Básicamente, la idea es, por ejemplo: tenemos un menú con botones de
160x25 píxeles. Creamos nuestra imagen de 160x50 px y los dos estados
del botón en ella. Al crear los vínculos del menú, los definimos como
bloques, con el tamaño adecuado, y controlamos la imagen a mostrar con
el background. Algo así como:
Aunque en los links que te pasaron vas a encontrar buen material, agrego
a la explicación de Alejandro la solución al bug de explorer:
a {
display: block;
width: 160px;
height: 25px;
background: url('imagen.gif') 0 0 no-repeat;
}
li {
background: url('imagen.gif') 0 -25px no-repeat;
}
a:hover {
background: none;
}
Suponiendo, claro, que tu menú está basado en una lista. Creo que se
entiende sin mucha explicación: cuando pasás el mouse desaparece el
fondo del y se ve el que ponés en .
Espero que te sirva,
saludos
--
Camilo Kawerín
27Sur comunicación & diseño
http://www.27sur.com
___
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] RollOver con una sola imagen
On 8/25/05, eemece2 <[EMAIL PROTECTED]> wrote: > > y una pregunta: ¿porque en IE cuando pasamos el raton parece que recarga > la imagen, pues esta unas decimas de segundo sin mostrar nada de la imagen > de fondo? > http://www.google.com/search?q=css+rollover+ie+flicker inti castro [EMAIL PROTECTED] ___ 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] RollOver con una sola imagen
Saludos Edu,
> ¿Teneis enlaces donde hablen de la tecnica que utilizan en la siguiente web?:
> http://www.superfluousbanter.org/
> para hacer rollovers de imagenes con una sola imagen de fondo, que contiene
> las dos "versiones", normal y hover
Pues así a mano no, aunque me suena que lo leí en A List Apart [1].
Básicamente, la idea es, por ejemplo: tenemos un menú con botones de
160x25 píxeles. Creamos nuestra imagen de 160x50 px y los dos estados
del botón en ella. Al crear los vínculos del menú, los definimos como
bloques, con el tamaño adecuado, y controlamos la imagen a mostrar con
el background. Algo así como:
a {
display: block;
width: 160px;
height: 25px;
background: url('imagen.gif') 0 0 no-repeat;
}
a:hover {
background: url('imagen.gif') 0 -25px no-repeat;
}
[1] http://www.alistapart.com/
--
Alejandro Lillo
www.nordic-design.net
___
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] RollOver con una sola imagen
acá un colistero en su blog hiso un exclente tutorial sobre el tema: http://simplelogica.net/caoticoneutral/index.php?p=26 [voz de ama de casa despues de probar el jabon en polvo que lava mas] Desde que lo lei, lo uso siempre. [/voz de ama de casa despues de probar el jabon en polvo que lava mas] un saludo. Federico. El 25/08/05, eemece2<[EMAIL PROTECTED]> escribió: > Hola a todos, > > ¿Teneis enlaces donde hablen de la tecnica que utilizan en la siguiente web?: > > http://www.superfluousbanter.org/ > > para hacer rollovers de imagenes con una sola imagen de fondo, que contiene > las dos "versiones", normal y hover > > y una pregunta: ¿porque en IE cuando pasamos el raton parece que recarga la > imagen, pues esta unas decimas de segundo sin mostrar nada de la imagen de > fondo? > > Se supone que la tecnica consigue evitar esto, no? > > En caso contrario, que tecnicas hay para que no pase esto en IE? > > Gracias y un saludo, > Edu > ___ > 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
Re: [Ovillo] RollOver con una sola imagen
Hola eemece2, http://www.alistapart.com/articles/sprites e> para hacer rollovers de imagenes con una sola imagen de fondo, e> que contiene las dos "versiones", normal y hover Saludos. _ Todo lo que no aprendí, no se me ha olvidado. _ ___ 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
[Ovillo] RollOver con una sola imagen
Hola a todos, ¿Teneis enlaces donde hablen de la tecnica que utilizan en la siguiente web?: http://www.superfluousbanter.org/ para hacer rollovers de imagenes con una sola imagen de fondo, que contiene las dos "versiones", normal y hover y una pregunta: ¿porque en IE cuando pasamos el raton parece que recarga la imagen, pues esta unas decimas de segundo sin mostrar nada de la imagen de fondo? Se supone que la tecnica consigue evitar esto, no? En caso contrario, que tecnicas hay para que no pase esto en IE? Gracias y un saludo, Edu ___ 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
