Discussion :

[charliejo]

Bonjour,
J'ai un css comme suit

Code :

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

1
2
3
4
5
6
.col3 a:link,a:active,a:visited{
	font-size : 14px;
	color : #000000; 
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color : #dfdfb9;
}

Cela marche bien sous IE7 mais j'ai un problème sous IE6 , il ne prend en compte que a:link.
Je suis obligée de faire

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
col3 a:link{
	font-size : 14px;
	color : #000000; 
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color : #dfdfb9;
}
col3 a:active{
	font-size : 14px;
	color : #000000; 
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color : #dfdfb9;
}
col3 a:visited{
	font-size : 14px;
	color : #000000; 
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color : #dfdfb9;
}

Ce qui est vraiment lourd... il ya t-il une autre solution?
Merci d'avance

[Dan_A]

Mettre les déclarations dans l'ordre :
link, visited, hover, active

[charliejo]

Ca ne corrige pas le problème.

[MasterOfChakhaL]

Code :

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

1
2
3
4
5
6
.col3 a:link,a:active,a:visited{
	font-size : 14px;
	color : #000000; 
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color : #dfdfb9;
}

Salut,

Les sélecteurs que tu sépares par des virgules sont indépendant les uns des autres.
Vu le reste de ton message, je pense que le sélecteur que tu voulais écrire était le suivant:

Code :

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

.col3 a:link, .col3 a:visited, .col3 a:active { ... }

[charliejo]

Effectivement, cela fonctionne .. ce qui est bizarre c'est que avec IE7, ma version fonctionnait.

J'ai un autre petit problème, je voudrais que mon lien soit souligné avant et
après avoir été visité.. mais que sur hover, le souligné s'enlève.

Code :

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

1
2
3
4
5
6
7
8
9
10
.col3 a:link, .col3 a:visited, .col3 a:active { 
	font-size : 14px;
	color : #000000; 
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color : #dfdfb9;
            text-decoration:underline;
 }
.col3 a:hover{
      text-decoration:none;
}

Ca marche si le lien n'a pas été visité.
Pour le lien visité j'ai essayé d'ajouter

Code :

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

1
2
3
.col3 a:visited:hover{
      text-decoration:none;
}

Mais cela ne marche pas

[Dan_A]

Il ne faut pas utiliser a:visited:hover !
Il faut respecter l'ordre des déclarations : hover doit précéder active.

[charliejo]

Ok, super !!
Merci beaucoup, bonne journée