Da Elenco html a Menù in gif !

[unreg]

Salve Amici,

ho un menù html:

<ul>[*]Voce 1[*]Voce 2[*]Voce 3[/list]

voglio visualizzare invece del testo (Voce 1, Voce 2 ecc...) delle gif tramite css, inoltre voglio avere anche un effetto hover.

come si fa

grazie di cuore !

[pierofix]

Mmm, vediamo una soluzione veloce.


1. Far "scomparire" il testo:

li {
   text-indent:-9999px;
}

2. Dimensionare li in funzione della dimensione della gif:

li {
   text-indent:-9999px;
   width:100px; height:30px;
}

3. Inserire l'immagine di sfondo:

li {
   text-indent:-9999px;
   width:100px; height:30px;
   background:url(img.png) no-repeat 0 0;
}

4. Creare l'effetto hover:

li:hover {
   background-image:url(img2.png);
}

E il gioco è fatto (spero ).

[andrea.paiola]

:master: non mi sembra che quello di piero funzioni...se funziona tanto meglio!
questo l'hai visto?
Menu verticali con i CSS
Menu grafici con rollover e preload via CSS - I
Menu grafici con rollover e preload via CSS - II
Menu grafici con rollover e preload via CSS - III
Menu grafici con rollover e preload via CSS - IV
Menu grafici con rollover e preload via CSS - V