[antoscarface]

Ciao a tutti! io ho questo menu nella pagina principale (in .php):

codice menu

e questo css:

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. #menu{margin:0 30px 10px 90px;}        
2. #menu ul{list-style:none;}             
3. #menu li{list-style:none;display:block;float:left;margin:0 3px;padding:4px;border:1px solid #ccc;background:#fff;}                     
4. #menu li a{display:block; float:left; color:#fff; text-transform:uppercase; font-size:11px;font-weight:bold;background:#2f2f31; padding:15px 35px; text-decoration:none;}                              
5. #menu li a:hover{display:block; float:left; background:#49740d url(../images/gradient1.jpg) no-repeat center top;text-decoration:none;}                        
6. #menu li a.current{ display:block; float:left; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; padding:15px 35px;background:#49740d url(../images/gradient1.jpg) no-repeat center top;text-decoration:none;}

La mia necessità è che, nella fase di rollover, sia visualizzata un'immagine diversa per ogni voce di menu (e che la scritta della voce scompaia se possibile).
Come dovrei modificare il css? Grazie mille!

[antoscarface]

scusami, non lo fai già?

io leggo questo (è la regola specificha per l'hover di un link):

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. #menu li a:hover{display:block; float:left; background:#49740d url(../images/gradient1.jpg) no-repeat center top; text-decoration:none;}

All'hover, tu cambi colore di background e gli applichi un immagine di sfondo, è in questa regola che viene fatto questo.
Se vuoi cambiare immagine, cambi il percorso in 'background' ed è fatto.

Non so se ho capito bene cosa chiedi.

[formless]

non ho capito benissimo cosa chiedi, ma provo a risponderti per come l'ho capita

per vedere un'immagine di rollover diversa per ogni voce di menu credo che ti toccherà dare una classe diversa ad ogni voce:

codice menu

e poi andare a dare l'immagine ad ogni classe:

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. a.uno :hover {background-image:"../immagine1.jpg";}
2. a.due  :hover {background-image:"../immagine2.jpg";}
3. a.tre  :hover {background-image:"../immagine3.jpg";}
4. a.quattro  :hover {background-image:"../immagine4.jpg";}
5. a.cinque  :hover {background-image:"../immagine5.jpg";}

per far sparire il testo potresti fare una cosa del genere:

Sintassi: html [ Scarica ] [ Nascondi ]

Sintassi: html [ Scarica ] [ Mostra ]

1. <li><a href="#" class="uno"><span>Home Page</span></a></li>            

e mettere l'immagine come background dell' a e dare allo span z-index negativo o display:none
(di solito questa tecnica si usa per sostituire i titoli ma funziona lo stesso)

fammi sapere se avevo capito bene la richiesta