CSS PA avec onglets : bouton survolé

[Mieca]

Bonjour,

J'ai créé une page d'accueil avec des onglets, et j'ai remplacé le texte des boutons par des images. Pour des raisons esthétiques, j'ai supprimé la bordure de couleur (je l'ai mise de la même couleur que le fond).
Mon problème est le suivant : comment faire pour que l'image du bouton change (remplacée par une autre image que j'aurais faite) quand on survole le bouton ?
Car si je laisse comme ça, on ne voit pas que ce sont des boutons (il n'y a aucun indice à part le curseur qui change d'apparence...)

J'ai essayé de modifier les données dans ".mon_onglet:hover", mais sans succès...
J'espère que mon message est assez clair.

Merci de votre réponse !

[Scipion]

Bonsoir

Il s'agit d'un code "Rollover" comme suit :

Code:

<img src="Adresse URL première image" border="0"onMouseOver="this.src='Adresse URL deuxième image'" onMouseOut="this.src='Adresse URL première image'" width="80" height="35"></a>

Un exemple concret de Rollover :

Code:

<img src="http://i24.servimg.com/u/f24/13/94/72/47/bouton10.gif" border="0"onMouseOver="this.src='http://i24.servimg.com/u/f24/13/94/72/47/bouton11.gif'" onMouseOut="this.src='http://i24.servimg.com/u/f24/13/94/72/47/bouton10.gif'" width="80" height="35"></a>

Cordialement

[Mieca]

Merci c'est exactement ce que je voulais ! =)
Par contre, j'ai juste un petit problème avec le premier de mes deux boutons : lorsque je passe la souris dessus puis que je l'enlève du bouton, le bouton reste en mode survolé... Pourtant j'ai bien mis le lien de ma première image après "onMouseOut"...

[Edit : Problème résolu, je ne sais pas d'où venait le problème exactement, mais l'important c'est que ça marche ! Merci beaucoup ]