También buena la recomendación de Xavier (: Esos se llaman "sprites", alguna vez leí que los adoptamos de su uso en los videojuegos de 8-bits(1). Se trata de una sola imagen que contiene diferentes estados para el mismo elemento. En web se usa mucho para los botones y como bien decía Xavier, al juntar todos los estados en una sola imagen, reduces las peticiones al servidor y quizá el peso de las tres imágenes separadas. Además, obviamente, del tiempo de carga del documento completo.
Acá una lista de cosas que puedes leer: http://www.google.com.mx/search?q=css+sprites Acá un turorial en español, aunque en inglés hay muchos más: http://www.kabytes.com/programacion/tutorial-basico-sobre-css-sprite/ A veces lo que necesitas es el nombre de las cosas. Con eso google se convierte en tu mejor amigo ;) (1) Acá lo de los videojuegos y un tutorial en inglés: http://www.alistapart.com/articles/sprites -- Jorge Noricumbo ----- Original Message ---- > From: Xavier Araque A.|Rendergraf <xavierara...@gmail.com> > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > Sent: Sat, September 18, 2010 7:33:33 PM > Subject: Re: [Ovillo] Poner vínculo encima de imagen > > Me parece buena la solución de Jorge Noricumbo, si trabajas con > imágenes para cada enlace el tema se va a hacer más pesado, sumado a > esto las imágenes de hover, avtive consumirán espacio y posiblemente > más peticiones al servidor. Sin embargo al usar @fontface debes tener > fuentes compatibles para todos los navegadores igualmente habrá más > peso en el tema, en mi opinión usaría una sola imagen con las tres > acciones y las movería dentro del <li> -x -y más @fontface e > igualmente tendrías solucionado lo de SEO. > > Suerte > > -- > -Xavier- > > La paciencia es una virtud, La constancia nos lleva al éxito - > Patience is a Virtue, Perseverance leads to success. > > Las cosas más importantes no son la mayoría de las cosas. > > 3D Character Development, Graphic Designer and Web Engineer > > http://linuxtachira.org > http://rendergraf.wordpress.com > Telf.: +58 416 1027262 > Linux counter: 292510 > _______________________________________________ > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
