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
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 <!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>
Quelqu'un aurait une idée ?
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; }
Partager