Immagini diverse per menu in hover

[thearch]

Buongiorno a tutti , mi chiedevo: come posso applicare un immagine diversa per ogni bottone del menu in hover..

per ora ho scritto il codice cosi

----
li.home{ background: transparent url(immagini/menunormal/home.gif) no-repeat; }
li.studio{ background: transparent url(immagini/menunormal/studio.gif) no-repeat; }
li.clienti{ background: transparent url(immagini/menunormal/clienti.gif) no-repeat; }
...

<li class="home">
<li class="studio">
<li class="clienti">
---

in questo modo ogni LI normale ha la sua immagine, vorrei sapere il codice per applicare un immagine anche in hover

[ant_alt]

Originariamente inviato da thearch
Buongiorno a tutti , mi chiedevo: come posso applicare un immagine diversa per ogni bottone del menu in hover..

per ora ho scritto il codice cosi

----
li.home{ background: transparent url(immagini/menunormal/home.gif) no-repeat; }
li.studio{ background: transparent url(immagini/menunormal/studio.gif) no-repeat; }
li.clienti{ background: transparent url(immagini/menunormal/clienti.gif) no-repeat; }
...

<li class="home">
<li class="studio">
<li class="clienti">
---

in questo modo ogni LI normale ha la sua immagine, vorrei sapere il codice per applicare un immagine anche in hover

li.home:hover { background: transparent url(immagini/menunormal/home_hover.gif) no-repeat; }

[alexforum]

ciao, se guardi la pagina di esempio che ti avevo postato nell' altra discussione vedrai che l' immagine di background viene impostata sul lin (tag a per intenderci) qui devi fare lo stesso.
Piccolo esempio:

html

<ul>[*]link 1[*]link 2[/list]

Css

a.home{
   float: left;
   background: url(home.png);
}
a.home:hover{
 background: url(home_hover.png)
}

prova e fai sapere