Bouton "a:hover" (("a;active"
Résolu
gexevo
Messages postés
46
Date d'inscription
Statut
Membre
Dernière intervention
-
Daneczech -
Daneczech -
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 !
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 !
Configuration: Windows 7 Firefox 3.5.5
7 réponses
-
-
Il faut que tu crées une classe ".actif" (par exemple).
Ensuite, sur le lien, ajoute class="actif". -
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. -
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... -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Salut avion,
Oui logique mais je n'y arrive pas.
A ta façon, ils seront activés même sans cliquer dessus.-
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...
-
-
Voila j'ai mis la class .actif et rien ne change.
Regarde mon code css et html sont dans la source de la page.-
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...)
-
-
C'est bon, j'ai trouvé comment faire.
Merci quand même pour vos réponses.
Bonne fin de journée.
