Css Ok avec IE et pas Firefox - Google [Résolu]

[gemopa]

Bonjour,

voici mon code :

Code :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<style>
#menu {
 width: 145px;
 height: 60px;
 border-style: solid solid none solid;
 border-color: #94AA74;
 border-size: 1px;
 border-width: 1px;
 margin: 2px;
 margin-top: 8px;
 font-family: Verdana, arial, helvetica, sans-serif;
 font-size: 12px;
}
#menu li a {
 height: 20px;
 voice-family: "\"}\""; 
voice-family: inherit;
 height: 16px;
 text-decoration: none;
 padding-left:10px; padding-right:0; padding-top:6px; padding-bottom:6px;
} 
#menu li a:link, #menu li a:visited {
 color: #051CCA;
 display: block;
 background: url('images/menu1.gif');
 padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px;
 }
#menu li a:hover {
 color: #D5F7EF;
 background: url('images/menu1.gif') 0 -20px;
 padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px;
 }
#menu li a:active {
 color: #FFFFFF;
 background: url('images/menu1.gif') 0 -40px;
 padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px;
 }
#menu ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
}
.bt1 {
 width : auto;
 font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-align : center; 
font-weight : bold; 
color : #ffffff; 
background-color : #8BADCB; 
padding-top : 2px; 
padding-bottom : 4px; 
padding-left : 0px; 
border-left: 5px solid #5781AE;
 border-right: 5px solid #5781AE;
 display : block; 
} 
</style>

Problème : Hover fonctionne, mais visited et active ne fonctionne pas sur Google chrome et Firefox !
où se trouve mon erreur ?

avec IE çà fonctionne (on voit bien que le bouton est actif après avoir accès à la page):


Merci d'avance pour votre aide

[Kouala]

Ils ont été désactivés pour des raisons de sécurité.

Voir ici

[gemopa]

Envoyé par Kouala

Ils ont été désactivés pour des raisons de sécurité.
Voir ici

Merci Kouala, mais c'est vraiment dommage,
à quoi bon se décarcasser à faire quelque chose de bien, si on nous coupe l'herbe sous les pieds!

je croyais que le code css ne pouvait pas procurer de problèmes
c'est pour cette raison que j'ai évité le Javascript !

[thelvin]

Envoyé par gemopa

à quoi bon se décarcasser à faire quelque chose de bien, si on nous coupe l'herbe sous les pieds!

Ben, et la vie privée, tout ça... Non ? C'est pas si important d'utiliser autre chose que de la couleur de texte ou du soulignement pour indiquer les liens visités, si* ?

Envoyé par gemopa

je croyais que le code css ne pouvait pas procurer de problèmes
c'est pour cette raison que j'ai évité le Javascript !

CSS sert à régler et à éviter certains problèmes. C'est suffisamment efficace pour que plein de gens l'adoptent. Toute chose au monde peut être cause de problème ou être soumise à problèmes.

Et de toute façon, JavaScript ne va pas te dire si un lien a été visité, c'est justement ça la question de sécurité.

* Note : personnellement, je trouve que Mozilla et Google auraient pu faire en sorte que les liens pointant vers le domaine en cours, ou au moins vers une sous-branche de la base URI actuelle, aient le droit d'indiquer s'ils ont été visités ou pas.
Mais bon, Rome s'est pas fait en un jour non plus, c'est pas la même complexité.

[gemopa]

D'après vos réponses, je crois que je vais laisser comme çà, tant pis !

puisque "hover" fonctionne c'est juste "actif" qui ne fonctionne pas