Discussion :

[pitoumad]

Bonjourle forum !

J'utilise un fichier css suivant pour un menu gauche de ma page web :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
a:link	{color: #666666; text-decoration: none; font-style:italic;}
a:visited	{color: #666666; text-decoration: none; font-style:italic;}
a:active	{color: #A00730; text-decoration: none; border-bottom: 1px solid #A00730; font-style:italic;}
a:hover	{color: #A00730; text-decoration: none; border-bottom: 1px solid #A00730; font-style:italic;}

Mais le style active ne garde pas sa couleur quand je change de page web (à droite) pour la même rubrique. il redevient gris comme pour le style link ou visited.
Pour changer de page j'utilise :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

header('location:mapagededroite.php');

Pourquoi ? Il y a t il un conflit entre hoover et active ? ou mon appel de page est incorrect ?
Merci de votre aide précieuse

[polymorphisme]

Bonjour pitoumad,

Il y a t il un conflit entre hoover et active ?

Il n'y a pas de confit en HTML ou CSS.

mon appel de page est incorrect ?

Rien à voir avec la couleur des liens.

En revanche, tu peux vérifier si d'autres règles de style affectent la balise a.
Modifier tes couleurs et tester à nouveau tes liens.

[pitoumad]

en fait, le lien redevient de la couleur du style a:link

J'ai essayé en remplaçant active par focus, mais cela ne convient ps non plus.

Il y a-t-il un ordre de déclaration de ces styles dans le fichier css ?

[12monkeys]

Bonsoir

Il y a-t-il un ordre de déclaration de ces styles dans le fichier css ?

LoVe-HAte

C'est une solution mnémotechnique qui indique l'ordre dans lequel il faut le déclarer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
a:link
a:visited
a:hover
a:active

Pour ton problème : la pseudo classe active s'applique dès lors que l'utilisateur a commencé à cliquer sur un élément, et tant qu'il reste appuyé sur le bouton de la souris. Le style s'appliquera aussi longtemps que le bouton reste enfoncé.

Donc je ne comprends pas ton souci : une fois le bouton de la souris relâchée le style ne s'applique plus...

[pitoumad]

Merci pour ces indications.
Je vais reprendre mon script pas à pas et tester.
Je posterai la solution si je la trouve.
Mais si vous avez d'autres suggestions je suis preneuse !
A bientôt

[vita83]

De mémoire active ne sert qu'a définir un état lors de la pression, donc pas de rapport avec le fait que le lien corresponde ou non avec la page qu'il est censé ouvrir.

J'avais vu un bout de code ou la personne déclarer une classe active au lien en question (en ce basant sur le <li>), et a laquelle il appliquer son changement.

Problème pour un site dynamique .. je ne vois pas du tout comment arriver a faire changer l'etat sans devoir faire un menu dans chaque pages, a moins de passer par Php, mais la je ne pourrais pas t'en dire plus

Edit:tient par exemple ici tu vois ce que je veut dire au cas ou D
Ps:<li><a href="#" title="css menus" class="current"><span>Home</span></a></li>

[12monkeys]

Plus je relis tes messages, et moins je comprends

Mais le style active ne garde pas sa couleur quand je change de page web (à droite) pour la même rubrique. il redevient gris comme pour le style link ou visited.

On est 2 à t'avoir précisé que ceci n'est pas possible : active n'applique son style que pendant qu'on clique, dès qu'on relâche le style ne s'applique plus. Il ne peut donc pas servir à faire ce que tu veux...

Pourquoi ? Il y a t il un conflit entre hoover et active ? ou mon appel de page est incorrect ?

Dans ton cas spécifique il ne peut pas y avoir de conflit, puisque tu attribut la même couleur pour les états hover et active...

Peux tu ré-expliquer clairement ce que tu veux faire ?

[pitoumad]

Je m'excuse si je n'ai pas été claire ...

Je reprend :

J'ai un menu à gauche de ma page avec des liens.
Au départ, ils sont gris (style a:link) . Ils deviennent rouges quand on les survole (style a:hover). Quand on en a visité un, il ne change pas de couleur et garde le style du lien (a:visited = a:link, en gris donc)
Jusque là tout fonctionne bien.

Quand on choisi un lien par clic, je veux qu'il reste rouge, pour signifier qu'on se trouve bien dans cette partie de mon site, et ce quelle que soit les changements de page éventuels dans ma page de droite (appels d'autres pages php de traitements de formulaires par exemple). Or dans ce cas, quand je change de page (à droite), mon lien redevient gris alors qu'il devrait rester rouge !

Je comprend bien que a:active ne résoud rien.

Peut être dois je passer par un style perso à appliquer en plus sur le lien sélectionné ?

Merci de votre aide.

[12monkeys]

Je comprend bien que a:active ne résoud rien.

Peut être dois je passer par un style perso à appliquer en plus sur le lien sélectionné ?

C'est plus clair là, ce qui me posait question c'était le fait de savoir si tu avais bien compris nos explications sur :active, ce qui ne ressortais pas de ton dernier message...

Il faut en effet passer par une classe ou id que tu attribuera au lien que l'on est en train de visiter... Si ton site est statique, tu peux facilement rajouter cette classe manuellement au code HTML. Si le site est dynamique, ce n'est alors plus du ressort de CSS, mais plutôt de PHP par exemple, peut être qu'en Javascript c'est possible aussi, à voir...

[pitoumad]

Ok
Je vais essayer dans mon script php
Je posterai ma solution dès qu'elle sera opérationnelle !
Encore merci