Filter:Aplha et width sous IE

Version imprimable

bonjour à tous !
Je rencontre un problème avec ma feuille css, voilà ce que je cherche à réaliser avec mes liens et sur IE (pas sur FireFox, merci!)

1-liens, liens visités et liens actifs de couleur bleu sans aucun soulignement
2-liens survolés de couleur rouge et encadrés de noir sur fond jaune transparent.
Mais malheuresement cela ne marche pas sur tous les liens alors que j'utilise la même et unique feuille de style !!!

Remarque 2: Cela fonctionne également à l'intérieur des tableaux mais toujours pas sur un lien classique tout simple <a href="xxx">lien</a>

Voici mon code css :

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
59
60
61
 
<style TYPE="text/css">
 
A,A:link { color:#0000FF; }
A,A:visited,A:hover { color:#0000FF; text-decoration:none; padding:1px; }
A:hover { color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=80, finishopacity=20, style=2); }
 
body {
scrollbar-face-color:#CCCCFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
background-color:#000000;
background-image:url(Images/background.gif);
font-family:Comic Sans MS; font-size:14;
background-attachment:fixed;
cursor:url(Images/curseur.cur); }
 
table {
background-image:url(Images/fond_tbl.gif); 
font-family:Comic Sans MS;
border-collapse:collapse;
border-color:#000000; 
font-size:12; }
 
td { border-color:#000000; }
 
.bodymenu  { font-size:15; font-weight:bold; background-color:#0000FF; background-image:url(Images/fond_tbl.gif); }
.tablemenu { background-image:none; }
.image1:hover  { background-color:transparent; padding:1px; border:none; }
.image2:hover  { padding:1px; border:none; }
.image3:hover  { paddind:0px; border:none; }
.menuderoulant { margin-left:5pt; font-size:10; }
 
p {
font-weight:bold; 
font-family:Comic Sans MS;
font-size:16; 
width:100%;
filter:Shadow(color=#C0C0C0, direction=135); 
text-decoration:underline; }
 
form, label, input, select, option, textarea {
font-family:Comic Sans MS; font-size:12; }
 
.degrade { 
filter:Alpha(opacity=100, finishopacity=70, style=2); }
 
.ombre { width:100%;
filter:Shadow(color=#C0C0C0, direction=135); }
 
.flipH   { filter:FlipH(); }
.flipV   { filter:FlipV(); }
.rayonX  { filter:XRay();  } 
.invert  { filter:Invert();}
.estompe { filter:Blur(direction=45, strength=20); } 
 
@media print {*{display:none;}}
 
</style>

Je pense qu'il y a un problème d'héritage mais je ne maitrise pas le sujet.
Un coup de main n'est pas de refus ! J'ai besoin d'un pro !
Merci beaucoup !

02/07/2007, 08h13
blueice

Tu dois déclarer dans l'ordre :
LVHA (Link Visited Hover Active)
je l'ai expliqué ici

non

Bonsoir et merci pour ta réponse, j'ai modifié mon css en respectant l'ordre ALVH :
Code:

1 2 3 4 A { color:#0000FF; text-decoration:none; padding:1px; } A:link,A:visited { color:#0000FF; text-decoration:none; padding:1px; } A:hover { text-decoration:none; color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=90, finishopacity=20, style=2); }
Cela fonctionne mais pas partout !!!
Voici mon site (a visiter avec IE pour voir la transparence) :
https:\\82.235.63.4 (accepter le certificat)
fais un test sur le menu à gauche, cela fonctionne !
mais pas sur les liens en bas de la page d'accueil... sauf celui nommé OFF ou j'ai rajouté style="width:100%" comme les liens du menu de gauche !!!
Truc de dingue 8O !!! mais POURQUOI tant de haine !

03/07/2007, 08h15
blueice

LVHA ! et pas ALVH :roll:
Comme je l'ai dit, l'ordre est important.
03/07/2007, 09h41
Candygirl

Citation:

Envoyé par seb nantes

mais POURQUOI tant de haine !

Première chose: as-tu bien un doctype correctement renseigné tout en haut de ton document ?

Doc Type ?

Bonjour,
eh bien je ne pense pas, toutes mes pages commencent ainsi :

Code:

1
2
3
4
5
6
7
8
 
<html>
<head>
<title>Accueil</title>
<META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=2,Transition=23)">
<META HTTP-EQUIV="Content-Style-Type" content="text/html; charset=iso-8859-15">
<LINK TITLE="style" TYPE="text/CSS" rel="stylesheet" HREF="Style.css">
</head>

est-ce important ? Merci !
Je vais essayer de rajouter un truc dans le genre :

Code:

1
2
 
<!DOCTYPE HTML PUBLIC   "type_de_HTML"   "adresse_de_DTD">

Je viens d'essayer sur IE6 et IE7 avec alternativement les 3 DOCTYPE ci-dessous et toujours la même chose !
Code:

1 2 3 4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Je viens de lire sur google que filter:Alpha nécéssite obligatoirement un width pour fonctionne sous IE ! Dans ce cas comment faire pour que ce width soit automatiquement de la taille du lien ?
j'ai éssayé width:auto mais sans succès...

Je n'ai pas IE, donc je ne peux pas tester, essaye ceci :

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
 
a:link {
    color:#0000FF;
    text-decoration:none;
    padding:1px;
}
 
a:visited {
    color:#0000FF;
    text-decoration:none;
    padding:1px;
}
 
a:hover {
    color:#FF0000;
    background-color:#FFF000;
    padding:0;
    border:1px solid #000000;
    filter:alpha(opacity=90, finishopacity=20, style=2);
    -moz-opacity:.90;
    opacity:.90;
}
 
a:active {
    color:#0000FF;
    text-decoration:none;
    padding:1px;
}

03/07/2007, 16h58
Candygirl

Citation:

Envoyé par seb nantes

J
Je viens de lire sur google que filter:Alpha nécéssite obligatoirement un width pour fonctionne sous IE ! Dans ce cas comment faire pour que ce width soit automatiquement de la taille du lien ?

Peut-être un display:inline-block ?

Fin de la galère merci develeppez !

Merci blueice mais ta solution ne fonctionne pas...
En revanche celle de Candygirl fonctionne !!! :yaisse2: :king:
Merci Candygirl, je t'aime !

Code:

1
2
3
4
 
A { color:#0000FF; text-decoration:none; padding:1px; width="100%";  }
A:link,A:visited { color:#0000FF; text-decoration:none; padding:1px; display:inline-block;  }
A:hover {  color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=90, finishopacity=20, style=2); display:inline-block;}