Menu orizzontale con rollover immagine

[fungoid]

Salve a tutti
Mi servirebbe un aiuto, premetto che non sono un esperto di css e di codice in generale, ma dovrei fare una cosa per un sito, in pratica dovrei fare un menu orizzontale con rolloever di immagine, nei link utili ho trovato questo: http://e-lusion.com/design/menu/
ne ho scaricato uno per dargli un occhiata come potevo adattarlo invece che verticalmente orizzontalmente, ma non ci sono riuscito
ho provato togliendo il comando[*] ma succede che mi mette orizzontalmente solo il testo del menu però tutto all'interno del riquadro nel quale dovrebbe caricarsi l'immagine...
qualcuno può darmi una mano? o spiegarmi come posso fare?
grazie^^

[Renyp]

Prima di tutto per renderlo orizzontale anzichè verticale, devi fare in modo che i[*] non vadano a capo...che diventino quindi tag "inline", come lo span o i link che non vanno a capo.
Allora dai ad ogni[*] la proprietà "display: inline;".

Poi non ti resta che assegnare l'immagine di sfondo con background-image.

Se infine vuoi creare l'effetto rollover, devi usare la pseudo-classe ":hover".

dai un'occhiata a questo link , c'è qualcosa che ti può dare uno spunto.

[fungoid]

grazieee Renyp

sia per la risposta tempestiva che per il link, mi sei stato di grande aiuto^^