CSS PA avec onglets : bouton survolé

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu CSS PA avec onglets : bouton survolé

Message par Mieca le Mer 15 Juin 2011 - 16:10

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 ! Smile


Dernière édition par Mieca le Mer 15 Juin 2011 - 18:56, édité 1 fois

Mieca
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 07/09/2010

http://mysteresdegypte.frenchboard.com
Mieca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS PA avec onglets : bouton survolé

Message par Scipion le Mer 15 Juin 2011 - 18:09

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS PA avec onglets : bouton survolé

Message par Mieca le Mer 15 Juin 2011 - 18:48

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 Very Happy ]

Mieca
Nouveau membre

Féminin
Messages : 6
Inscrit(e) le : 07/09/2010

http://mysteresdegypte.frenchboard.com
Mieca a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum