CSS PA avec onglets : bouton survolé
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
CSS PA avec onglets : bouton survolé
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 !
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 !
Dernière édition par Mieca le Mer 15 Juin 2011 - 18:56, édité 1 fois
Re: CSS PA avec onglets : bouton survolé
Bonsoir
Il s'agit d'un code "Rollover" comme suit :
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>
- 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>
Re: CSS PA avec onglets : bouton survolé
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 ]
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 ]
Sujets similaires
» codage java pour survole bouton
» Comment modifier la couleur des onglets du tableau à onglets ?
» Comment agrandir les onglets du tableau à onglets ?
» lien survolé
» Arrondir des onglets du tableau à onglets
» Comment modifier la couleur des onglets du tableau à onglets ?
» Comment agrandir les onglets du tableau à onglets ?
» lien survolé
» Arrondir des onglets du tableau à onglets
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum