Bouton "a:hover" (("a;active"

Résolu/Fermé
gexevo Messages postés 74 Date d'inscription mercredi 9 décembre 2009 Statut Membre Dernière intervention 26 août 2010 - 16 déc. 2009 à 22:58
 Daneczech - 27 janv. 2011 à 10:55
Bonjour,

depuis plusieurs jours je tente sur mon site (http://roussel.nic.free.fr) à faire de sorte à ce que lorsque qu'on clique sur un bouton du haut du site, celui reste actif.

J'ai tout essayé mais rien n'y fait

a:link, a:visited, a:hover(qui fonctionne), a:active

Si quelqu'un aurait une soluce !

7 réponses

et tu as fait comment?
1
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
16 déc. 2009 à 23:03
Il faut que tu crées une classe ".actif" (par exemple).
Ensuite, sur le lien, ajoute class="actif".
0
gexevo Messages postés 74 Date d'inscription mercredi 9 décembre 2009 Statut Membre Dernière intervention 26 août 2010 8
16 déc. 2009 à 23:09
salut,

en es-tu sûr ? parce que ajouter une classe comme ça lui sera définitif, et donc restera à l'apparence définie dans la class.
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
17 déc. 2009 à 07:06
Je penses que c'est le but.
Il a un système d'onglet, et il aimerait bien que lorsqu'on est sur une page, l'onglet reste actif.
Enfin, c'est ce que j'ai compris, et ça me semble logique puisque quand on clique, on change de page...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
gexevo Messages postés 74 Date d'inscription mercredi 9 décembre 2009 Statut Membre Dernière intervention 26 août 2010 8
17 déc. 2009 à 10:29
Salut avion,

Oui logique mais je n'y arrive pas.

A ta façon, ils seront activés même sans cliquer dessus.
0
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 130
17 déc. 2009 à 11:06
C'est justement ce que t'explique avion-f16 !

Vu que tu changes de page, tu dois simplement placer la classe "actif" sur le bouton de la page courante.
Ex.
- Tu es sur la page index.html >> le lien "home" de cette page a la class="actif"
- Tu es sur la page contact.html >> le lien "contact" de cette page à la class="actif"

Compris ?

Si tu voulais faire en sorte de changer l'apparence du lien (ou bouton) sans changer de page, on aurait alors du parler de javascript...
0
gexevo Messages postés 74 Date d'inscription mercredi 9 décembre 2009 Statut Membre Dernière intervention 26 août 2010 8
17 déc. 2009 à 12:45
Voila j'ai mis la class .actif et rien ne change.

Regarde mon code css et html sont dans la source de la page.
0
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 130
17 déc. 2009 à 12:54
Mouep, sans vouloir être désagréable c'est ton code qui est très sale !

Pour ta classe, elle ne semble pas fonctionner car c'est le span qui gère le plus d'éléments... donc essaye de placer ta classe sur ton span.

EDIT : Ou regarde aussi du coté de tes a:hover span {} ...tu devrais fonctionner de la même manière mais avec a.actif span {} (etc...)
0
gexevo Messages postés 74 Date d'inscription mercredi 9 décembre 2009 Statut Membre Dernière intervention 26 août 2010 8
17 déc. 2009 à 16:31
C'est bon, j'ai trouvé comment faire.

Merci quand même pour vos réponses.

Bonne fin de journée.
0