Pb d'affichage sous IE avec des liens classés

**avogadro** · 30/07/2006, 10h26

Bonjour,

en fait avec mon code sous FF ça marche niquel, mais sous IE, les cases contenant les liens n'ont pas l'air d'etre fermée, c'est à dire que le haut et le bas de la case sont invisible ou dirais :

HTML :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Test</title>
 
<link href="rubrique4_fichiers/style.css" rel="stylesheet" type="text/css">
</head>
<body>
 
 
<a class="menu" href="./carte_france.htm" target="droite" onMouseOver="window.status='';return true">Carte</a>
 
<a class="menu" href="./explain.htm" target="gauche" onMouseOver="window.status='';return true">Explications</a>
 
<a class="menu" href="https://sbs2003:444/essai/default.aspx" target="_parent" onMouseOver="window.status='';return true">Sharepoint</a>
 
 
</body></html>

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
 
a {
	text-decoration: none;
}
 
a:active {
	color: #0000cc;
}
 
a:link {
	color: #0000cc;
}
 
a:visited {
	color: #0000cc;
}
 
a:hover {
	color: #ff8000;
 
}
 
 
a.menu {
 	background-color: #f5f5ff;
 	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	padding-left: 15px;	
	border: 1px solid #c4c4ff;	
	width: 100px;
}
 
a.menu:hover {
	background-color: #eaeaff;
	border: 1px solid #c4c4ff;
}

Connaissais vous une solution ?

**nicolas.pied** · 30/07/2006, 12h20

J'obtiens le même affichage que ce soit sous FF ou sous IE avec le code suivant :

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
<html>
<head>
<style type="text/css">
a {
        text-decoration: none;
}
 
a:active {
        color: #0000cc;
}
 
a:link {
        color: #0000cc;
}
 
a:visited {
        color: #0000cc;
}
 
a:hover {
        color: #ff8000;
        
}
 
a.menu {
        background-color: #f5f5ff;
        text-decoration: none;
        font-weight: bold;
        padding: 2px;
        padding-left: 15px;     
        border: solid 1px #c4c4ff;      
        width: 100px;
}
 
a.menu:hover {
        background-color: #eaeaff;
        border: solid 1px #c4c4ff;
 
</style>
</head>
<body>
 
<a class="menu" href="./carte_france.htm" target="droite" onMouseOver="window.status='';return true">Carte</a>
 
<a class="menu" href="./explain.htm" target="gauche" onMouseOver="window.status='';return true">Explications</a>
 
<a class="menu" href="https://sbs2003:444/essai/default.aspx" target="_parent" onMouseOver="window.status='';return true">Sharepoint</a>
 
</body>
</html>

**avogadro** · 30/07/2006, 12h33

pas chez moi, et si tu met le css en externe?

ta modifié quelque chose?

**nicolas.pied** · 30/07/2006, 12h53

Je ne pense pas que cela change grand chose de placer la feuille de style en externe, même sûr (sauf si tu utilises différentes feuilles de styles, mais ce n'est pas le cas)

J'ai juste modifié :

Code :

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