probleme avec hover

**Uren** · 21/02/2008, 12h44

J'ai un probleme avec la propriete hover en CSS. Je voudrais modifier le style des liens delcarés à l'interieur d'un <span></span> et seulement ceux là mais le style declaré pour le cas hover n'est pas pris en compte et je ne comprends pas pourquoi alors que le style pour le visited est pris en compte lui.

Mon code:

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
22
23
24
25
26
27
28
29
30
31
32
33
 
<span class="header-links"><a href="">mon lien</a></span>
 
.header-links {
  position: absolute;
  right: 10px;
  top: 110px;
  text-align: right;
}
 
.header-links a:link {
  text-decoration: none; 
  color: black; 
  font-family: verdana;
}
 
.header-links a:hover {
  text-decoration: underline;
  color: black; 
  font-family: verdana;
}
 
.header-links a:active {
  text-decoration: none; 
  color: black; 
  font-family: verdana;
}
 
.header-links a:visited {
  text-decoration: none; 
  color: red; 
  font-family: verdana;
}

J'utilise IE7

Des idées?

Merci d'avance.

**LeDuc123** · 21/02/2008, 12h55

essaye ça ...

Code css :

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
22
23
 
 
.header-links {
  position: absolute;
  right: 10px;
  top: 110px;
  text-align: right;
  font-family: verdana;
}
 
a {
text-decoration:none;
color:black;
}
 
a:hover {
text-decoration:underline;
}
 
a:visited {
text-decoration:none; 
color:red; 
}

conseils : pas besoin de mettre "link hover active visited" à chaque fois si y'a pas de changement.
donne l'ordre à la balise <a> directement plutôt que de passer par le <span> (perso ça me semble plus logique)
tu peux biensûr nommer ta balise <a class="nomdelaclasse"> mais je l'ai pas fait pour l'exemple.