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

Résolu
gexevo Messages postés 74 Date d'inscription   Statut Membre Dernière intervention   -  
 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 !

7 réponses

Daneczech
 
et tu as fait comment?
1
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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   Statut Membre Dernière intervention   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 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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   Statut Membre Dernière intervention   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 641 Date d'inscription   Statut Membre Dernière intervention   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 74 Date d'inscription   Statut Membre Dernière intervention   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 641 Date d'inscription   Statut Membre Dernière intervention   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 74 Date d'inscription   Statut Membre Dernière intervention   8
 
C'est bon, j'ai trouvé comment faire.

Merci quand même pour vos réponses.

Bonne fin de journée.
0