Rollover immagini di differente dimensioni

[sperelli.andrea]

Dovrei creare un meno con immagini di differenti dimensioni:

60px - 74px - 98px - 107px - 79px - 67px

intervallati da un'immagine di 2px di larghezza.

Tutte le immagini hanno un'altezza di 27px.

Tutti gli esempi che ho trovato danno per scontato che gli eventuali elementi del menu abbiamo la stessa larghezza.

Conoscete un modo rapido ed indolore per creare una effetto roll over con cambio immagine per immagini/link con dimensioni differenti?

Grazie mille.

[kontrasto]

Leggi questo tutorial che ho scritto un po' di tempo: E' un tutorial su come realizzare un menu con le immagini, in cui anch'io uso immagini tutte della stessa larghezza. Per adattarlo alle tue esigenze, basta che nella parte di codice che troverai quasi alla fine, dove assegno le immagini a ciascuna voce utilizzando una classe, aggiungi nei CSS le varie larghezza per ciascun link. Per esempio:

a.tutorial { background-image:url(immagini/tutorial.png); width:60px; }

E' proprio l'ultima parte di codice.

[sperelli.andrea]

Originariamente inviato da kontrasto
Leggi questo tutorial che ho scritto un po' di tempo: E' un tutorial su come realizzare un menu con le immagini, in cui anch'io uso immagini tutte della stessa larghezza. Per adattarlo alle tue esigenze, basta che nella parte di codice che troverai quasi alla fine, dove assegno le immagini a ciascuna voce utilizzando una classe, aggiungi nei CSS le varie larghezza per ciascun link. Per esempio:

a.tutorial { background-image:url(immagini/tutorial.png); width:60px; }

E' proprio l'ultima parte di codice.

Uh! Grazie mille, funziona alla perfezione!

[kontrasto]

Grazie a te, mi ha dato un'idea per come arricchire quel tutorial!