Originariamente inviato da pape86
Allora, penso di aver risolto con i css: funziona anche se non so se il metodo migliore.
Ho creato una classe per ogni bottone diverso (
pulsanteXXX), perchè ogni pulsante ha un link al suo file; poi due classi generali,
rollover e
bottoni da applicare a tutti i pulsanti.
.pulsanteXXX button {
width: 80px;
height: 25px;
background:url(../image/pulsanti/pulsanteXXX.png);
}
.rollover button:hover {
background-position:top right;
}
.bottoni {
display: inline;
margin: auto;
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
}
Questo, invece, è il codice html che uso, ad esempio per un bottone "login":
codice:
<div class="bottoni login rollover"><button type="submit"></button></div>
Funziona con tutti i browser e l'effetto non è neanche male...ovviamente l'immagine l'ho realizzata con photoshop per creare l'effetto rollover.
Grazie!