Bonjour à tous
j'ai créé un site web qui fonctionne sur tous les navigateurs, sauf la version 7 d'Internet Explorer. Et j'ai beau chercher, je ne comprend pas pourquoi. Je vous poste le code et j'explique mon problème :
Code html : 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 <div id="hdr"> <div id="left"> <ul> <li class="bleu"><a href="la martiniere en bleu/bleu.html"><br /> <span class="comment">Accès au site en bleu</span></a> </li> <li class="rouge"><a href="la martiniere en rouge/rouge.html"><br /> <span class="comment">Accès au site en rouge</span></a> </li> <li class="vert"><a href="la martiniere en vert/vert.html"><br /> <span class="comment">Accès au site en vert</span></a></li> </ul> </div> </div>
Les class "verte", "rouge", et "bleu" doivent être plasser selon mon fond d'ecran.
Code CSS : 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 #hdr { width: 800px; height: 558px; margin-left: auto; margin-right: auto; background-image: url(../pagedegarde2.JPG); background-repeat: no; } #left ul { margin: 33px 0 0 0; list-style: none; padding: 0; width: 160px } #left li { border: 0; padding: 0; margin: 0; display: inline /* fix for IE 5 & 6 */ } #left li.rouge { position:absolute; top:290px; margin-left:100px; } #left li.vert { position:absolute; top:400px; margin-left:430px; } #left li.bleu { position:absolute; top:120px; left:220px; margin-left:400px; } #left a { display: block; border: 0; padding: 3px; margin: 0; font-family: Georgia, serif; font-size: 15px; text-decoration: none; letter-spacing: 3px; width: 150px; height: 100px; } #left a:hover, #left a:active { padding-left: 10px; color: #EEAB36; background-position: 0% 25%; background-color: #444444; margin-left:auto; margin-right:auto; } #left span.comment { margin: 0; padding: 0; color: #444444; font-size: 10px; background: none; letter-spacing: 0; visibility: hidden } #left a:hover span.comment { margin: 0; padding: 0; color: #ffffff; font-size: 10px; background: none; letter-spacing: 0; visibility: visible }
J'ai entendu parler de rajouter "*+html" devant mes balises pour pouvoir modifier seulement sous IE7, seulement je ne vois pas comment modifier mon code. Si vous voulez voir le site :
-- ICI --
Je vous remercie d'avance.
Partager