Volevo creare una sorta di effetto rollover su dei bottoni che dovrò ripetere spesso.
Ho pensato di realizzarlo così:
---------------------------------------------------------------------
PAGINA HTML:
<div class="menu1">BOTTONE senza link</div>
<div class="menu1">BOTTONE con link</div>
---------------------------------------------------------------------
FOGLIO CSS:
.menu1 {background: black url(1b.jpg) 0 0 no-repeat; width: 150px; height: 50px; color: red;}
.menu1 a {background: black url(1r.jpg) 0 0 no-repeat; width: 150px; height: 50px; color: #ffffff;}
.menu1 a:hover {background: black url(1s.jpg) 0 0 no-repeat; width: 150px; height: 50px; color: #999999;}
----------------------------------------------------------------------
Su ie funziona correttamente. Su Firefox no: è come se non mi prendesse le dimensioni del div (quelle col collegamento)
Sembra una stupidata .... o forse questo non è il giusto modo per farlo....
La pagina di esempio è qui: http://www.dinamikamente.net/TEST/pagina.html
GRAZIE!
Rispondi quotando
