Discussion :

[seb nantes]

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 :

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
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 !

[blueice]

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

[seb nantes]

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

Code :

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

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 !!! mais POURQUOI tant de haine !

[blueice]

LVHA ! et pas ALVH
Comme je l'ai dit, l'ordre est important.

[Candygirl]

mais POURQUOI tant de haine !

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

[seb nantes]

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

Code :

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

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 :

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

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

[seb nantes]

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

Code :

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

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...