Salut

Je me suis fais une page pour sauvegarder la liste des liens utiles que je connais, et je ne comprends pas pourquoi elle marche nickel sur firefox, et pas du tout sur IE7 (pas testé sur d'autres versions de IE)

Voilà le code source
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Gestion des liens</title>
    <link rel="Stylesheet" type="text/css" href="index.css" />
    <script language="javascript" type="text/javascript" src="index.js" />
</head>
<body>
    <form method="post" action="index.php" onsubmit="javascript:return checkData();">
    <div class="listeLiens">
        <a href="http://www.example.com/" class="lien">Lien #1</a> <a href="index.php?suppr=10" class="suppr">[ suppr ]</a><br />
<a href="http://www.example.com/ " class="lien">Lien #2</a> <a href="index.php?suppr=11" class="suppr">[ suppr ]</a><br />
    </div>
    <div class="formulaire">
        <input type="text" value="Libellé" id="txt_libelle" name="txt_libelle" class="texte" /><br />
        <input type="text" value="Lien" id="txt_href"  name="txt_href" class="texte" /><br />
        <input type="submit" value="Ajouter" class="bouton" />
    </div>
    </form>
    <div class="w3c">
        <a href="http://validator.w3.org/check?uri=referer"><img
           src="http://www.w3.org/Icons/valid-xhtml10-blue"
           alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
    </div>
 
</body>
</html>
avec le code CSS 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
body
{
    font-size:1em;
    background-color:#A0A0A0;
}
 
a
{
    text-decoration:none;
}
 
a:hover
{
 
}
 
a:visited
{
 
}
 
p
{
 
}
 
.formulaire
{
    width:200px;
    margin:auto;
    line-height: 5px;
    margin-bottom: 5px;
}
 
.w3c
{
    width: 88px;
    margin: auto;
}
 
.w3c img
{
    border:0px;
}
 
.listeLiens
{
    display:table;
    width: auto;
    margin: auto;
    padding:3px;
    margin-bottom:5px;
}
 
.lien
{
    color:#0000FF;
}
 
.lien:hover
{
 
}
 
.lien:visited
{
    color:#0000FF;
}
 
.suppr
{
    color:#FF0000;
}
 
.lien:hover, .suppr:hover
{
    border-bottom: 1px dotted;
}
 
.bouton
{
    width:100%;
    border:1px solid #000090;
    background-color: #0080FF;
}
 
.texte
{
    width:98%;
    border:1px solid #000090;
    margin-bottom:5px;
}
Quelqu'un aurait une idée ?