Discussion :

[thais781]

Bonjour,

Vous trouverez ci-joint mes 2 petits fichiers d'exemples.

Quand le user clic SURVOLE Ligne 1 on passe bien en couleur verte
Par contre quand il clic dessus, la couleur ne reste pas verte mais reviens à son état initiale ....

Une idée ?

Code HTML

Code html :

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

<div id="offre"><a href="" onclick="javascript:affiche1(); return false;" >Ligne 1</a></div>

Code CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#offre {
  background: transparent none repeat scroll 0% 50%;
  list-style-image: none;
  text-align: left;
  font-size: 12px;
}
 
#offre a {
  background: #f4ebda none repeat scroll 0% 50%;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: none;
  display: block;
  color: #000000;
  margin-left: 10px;
}
 
#offre a:hover {
  background: #056c32 none repeat scroll 0% 50%;
  color: #f4ebda;
}

Thais

[Torgar]

Hé hop ! Un peu de lecture et tu trouveras ton bonheur !

[thais781]

Bonjour,

Merci pour ton aide.
J'ai bien essayé avant de poster les codes suivants mais ca ne marchait pas
Une fois cliquer, la ligne ne conserve pas sa couleur ...

Code :

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

1
2
3
4
5
 
#offre a:link { color: red }       /* lien non-visité */
#offre a:visited { color: blue }   /* lien visité */
#offre a:hover { color: yellow }   /* lien survolé */
#offre a:active { color: lime }    /* lien activé */

Ci-joint 3 petits fichiers pour tester si ca peut t'aider .....

Merci

Thais

[rodolphebrd]

Ça fonctionne : http://codepen.io/anon/pen/DkKtd

[thais781]

Le hover marche bien.
Mais mon soucis est que quand je clique sur mon lien, le texte cliqué ne conserve une couleur autre que celle avant le clic.

Par exemple :
Normal : Bleu
Hover : Jaune
Cliqué : Vert

Ton exemple n'integre pas le bout de Javascript, c'est peut être la ou est le pb ??

Thais

[rodolphebrd]

Ton exemple n'integre pas le bout de Javascript, c'est peut être la ou est le pb ??

Non !
J'ai rajouté un lien en dur pour mieux cibler l'état visited du lien.
Pour les tests pensez à vider l'historique de votre navigateur.
http://codepen.io/anon/pen/CcoGK