Problème avec IE6

Version imprimable

Problème avec IE6

Bonjour,
J'ai un css comme suit

Code:

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:

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

16/04/2007, 10h23
Dan_A

Mettre les déclarations dans l'ordre :
link, visited, hover, active
16/04/2007, 10h28
charliejo

Ca ne corrige pas le problème.
16/04/2007, 10h36
MasterOfChakhaL
Citation:
Envoyé par charliejo

Code:

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:

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

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:

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:

1 2 3 .col3 a:visited:hover{ text-decoration:none; }
Mais cela ne marche pas

16/04/2007, 10h57
Dan_A

Il ne faut pas utiliser a:visited:hover !
Il faut respecter l'ordre des déclarations : hover doit précéder active.
16/04/2007, 11h00
charliejo

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