PB focus sur pseudo classe a:active
kaly.joly
Messages postés
2
Statut
Membre
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je cherche désespérement à créer un menu à onglet en CSS.
J'utilise pour l'instant les pseudo classes a:link, a:visited, a:hover et a:active.
l'ensemble fonctionne, à l'exception du fait que je souhaite que mon onglet (donc mon lien), une fois cliqué, reste sur l'apparence que je lui ai attribué avec a:active, et ce jusqu'à ce que je clique sur un autre onglet (qui devrait se comporter de la même manière).
Malheureusement, a:active correspondant au click de la souris, mais perd le focus dès que le click ets relaché. C'est alors a:visited qui prends le relai...
J'ai essayé avec un script Javascrit que j'ai glanné sur le web, qui garde bien l'aspect de mon onglet actif (en changeant la classe de mon lien), mais qui rend le href son effet (plus aucun lien actif en terme de destination ! le comble pour un menu...)
Ce problème est réellement bloquant pour moi, je ne sais plus quoi faire...
S'il vous plait !
Je n'en peux plus !
Je cherche désespérement à créer un menu à onglet en CSS.
J'utilise pour l'instant les pseudo classes a:link, a:visited, a:hover et a:active.
l'ensemble fonctionne, à l'exception du fait que je souhaite que mon onglet (donc mon lien), une fois cliqué, reste sur l'apparence que je lui ai attribué avec a:active, et ce jusqu'à ce que je clique sur un autre onglet (qui devrait se comporter de la même manière).
Malheureusement, a:active correspondant au click de la souris, mais perd le focus dès que le click ets relaché. C'est alors a:visited qui prends le relai...
J'ai essayé avec un script Javascrit que j'ai glanné sur le web, qui garde bien l'aspect de mon onglet actif (en changeant la classe de mon lien), mais qui rend le href son effet (plus aucun lien actif en terme de destination ! le comble pour un menu...)
Ce problème est réellement bloquant pour moi, je ne sais plus quoi faire...
S'il vous plait !
Je n'en peux plus !
A voir également:
- PB focus sur pseudo classe a:active
- Helicon focus - Télécharger - Photo & Graphisme
- Pseudo whatsapp - Accueil - Messagerie instantanée
- Pseudo facebook - Guide
- Focus writer - Télécharger - Traitement de texte
- Comment mettre un avis google avec un pseudo ✓ - Forum Réseaux sociaux
1 réponse
salut,
tu veux différencier la page affichée en à ce moment là dans ton menu ?
il faut ajouter un identifiant au dit menu pour pouvoir lui appliquer un style particulier.
et en CSS :
tu veux différencier la page affichée en à ce moment là dans ton menu ?
il faut ajouter un identifiant au dit menu pour pouvoir lui appliquer un style particulier.
<ul id="menu"> <li><a href="#">Page 1</a></li> <li id="current"><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> <li><a href="#">Page 4</a></li> <li><a href="#">Page 5</a></li> </ul>
et en CSS :
ul#menu li#current a
{
color:#f00;
}
