CSS per pulsante "dinamico"

[matteo.migliore]

Ciao.

Vorrei utilizzare i fogli di stile per creare un link che abbia uno sfondo (un pulsante) che cambia al passaggio del mouse, impostando un'altra immagine.

E' possibile realizzare tale meccanismo con i CSS?

Non sembra funzionare.

Consigli?

Vorrei evitare di scrivere codice di script.


Grazie,
Matteo Migliore.
MSN - dynamichardware@email.it

[flanza]

si è possibile

devi rendere a un qualcosa tipo bottone e poi a:hover come deve essere al passaggio del mouse

[flanza]

se vuoi un esempio prova il seguente:

<style>
a.{
display:block;
width: 100px;
height: 20px;
border: 1px solid black;
border-left:1px solid white;
border-top:1px solid white;
text-decoration:none;
color:#666;
background-color:silver;
}
a:hover{
background-color:red;
}
</style>


prova

[matteo.migliore]

Così funziona.

Quello che voglio invece è:
<a class="myButton"></a>

Ossia non voglio definire testo ma specificare un'immagine di spondo nella classe.

Qui sotto quello che vorrei ottenere:
[ Home ] [Chi siamo]

I testi si trovano nell'immagine di sfondo.


Grazie,
Matteo.

[kaze]

.myButton a{
background:URL(tuaimg.gif);
...
...
}

.myButton a:hover{
background:URL(altra_tuaimg.gif);
...
...
}