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

Résolu
gexevo Messages postés 84 Statut Membre -  
 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 !
A voir également:

7 réponses

Daneczech
 
et tu as fait comment?
1
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Il faut que tu crées une classe ".actif" (par exemple).
Ensuite, sur le lien, ajoute class="actif".
0
gexevo Messages postés 84 Statut Membre 8
 
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 20367 Statut Contributeur 4 509
 
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 84 Statut Membre 8
 
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 681 Statut Membre 131
 
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 84 Statut Membre 8
 
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 681 Statut Membre 131
 
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 84 Statut Membre 8
 
C'est bon, j'ai trouvé comment faire.

Merci quand même pour vos réponses.

Bonne fin de journée.
0