Sprites: BG en el <li> o en <em> dentro del <li>?

[Wakkos]

Hola!

Tengo una duda que no veo respondida en los gugles: Tengo un menú en una lista y quiero ponerle un icono independiente a cada lista, con su hover effect.

Mi imagen para el sprites es en vertical: 50px x 100px y son 4 recuadros de 25px cada uno más sus respectivos hovers.

La duda es la siguiente:

Debo usar un clip:rect y hacer el sprites como fondo del <li> o debo crear un <em> con las dimensiones del <li> y que flote a la izquierda del texto?

[pitufoweb]

Seria mejor si lo hicieras sin agregar código innecesario. bastaría con que pusieras la imagen como fondo a los <li>. Pero habría que ver el diseño, sprites, etc, para saber cual seria la mejor manera de hacerlo.


Saludos

[Wakkos]

Si pongo la imagen como fondo de los <li> habría que cortarlas (clip)
El diseño del sprite ya lo puse arriba: 50 x 100 / 4



Para funcionar aquí:

[kseso?]

Para evitar problemas de compatibilidad con clip y siendo sus elementos rectangulares yo optaría por un sprite en vertical (o diagonal) con separación tal entre las imágenes que evite que la anterior y posterior se muestren y añadiendo el no-repeat a la declaración.

[Wakkos]

Entonces:

img1 img2 im3
im1H img2H img3H

?

Es una imagen muy grande en comparación con la anterior.

Renta?

[webosiris]

no Wakkos, simplemente pon los 8 iconos uno debajo del otro.
en vez de 50x100, usa 25x200

[Wakkos]

hahahahahahahahaha Webosiris.....

A veces me siento tan tarado. xDDDDDDD

[Wakkos]

Aún me sigo riendo! xDDD

Muchas gracias Webosiris!

[webosiris]

jajaja, de nada, este fue el simil digital de


- ¿alguien sabe donde están mis gafas?
- ¡si las llevas puestas!

a todos los genios les pasa