Bonsoir à tous,
J'essaie d'adapter un menu déroulant pour mon site.
Il fonctionne à merveille sous firefox, mais rechigne sous IE
voici le CSS
et le code 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
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 #menuDeroulant { background: #6A6458; width: 700px; height: 21px; list-style-type: none; margin: 0; padding: 0; border: 0; position: absolute; top: 176px; left: 105px; z-index: 0; float: Aucune; } #menuDeroulant li { float: left; width: 150px; margin: 0; padding: 0; border: 0; list-style-type: none; } #menuDeroulant li a:link, #menuDeroulant li a:visited { display: block; height: 1%; color: #FFF; background: #3B4E77; margin: 0; padding: 4px 8px; border-right: 1px solid #fff; text-decoration: none; list-style-type: none; } #menuDeroulant li a:hover { background-color: #F2462E; list-style-type: none; } #menuDeroulant li a:active { background-color: #5F879D; } #menuDeroulant .sousMenu { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; } #menuDeroulant .sousMenu li { float: none; margin: 0; padding: 0; border: 0; width: 149px; border-top: 1px solid transparent; border-right: 1px solid transparent; } #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited { display: block; color: #FFF; margin: 0; border: 0; text-decoration: none; background: transparent url("fondTR.png") repeat; } #menuDeroulant .sousMenu li a:hover { background-image: none; background-color: #F2462E; list-style-type: none; } #menuDeroulant li:hover > .sousMenu { display: block; list-style-image: none; list-style-type: none; }
Si quelqu'un pouvait m'éclairer, j'en serais ravi !
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 <div id="PorteMenu" style="height:25px;"> <ul id="menuDeroulant"> <li> <a href="#">Les castors</a> <ul class="sousMenu"> <li><a href="#">Pelage doux mais robuste </a></li> <li><a href="#">Ils confectionnent des barrages !</a></li> <li><a href="#">Ils ont des grandes dents</a></li> </ul> </li> <li> <a href="#">Partie 2</a> <ul class="sousMenu"> <li><a href="#">whisky</a></li> <li><a href="#">vodka</a></li> <li><a href="#">gin</a></li> <li><a href="#">vin</a></li> <li><a href="#">champagne</a></li> </ul> </li> <li> <a href="#">Partie 3</a> <ul class="sousMenu"> <li><a href="#">pommes</a></li> <li><a href="#">poires</a></li> <li><a href="#">ananas</a></li> <li><a href="#">pamplemousse</a></li> <li><a href="#">banane</a></li> <li><a href="#">raisins</a></li> <li><a href="#">framboises</a></li> <li><a href="#">fraises</a></li> <li><a href="#">mirabelles</a></li> <li><a href="#">groseilles</a></li> </ul> </li> <li> <a href="#">Partie 4</a> <ul class="sousMenu"> <li><a href="#">tomates</a></li> <li><a href="#">haricots</a></li> <li><a href="#">carrottes</a></li> <li><a href="#">choux</a></li> <li><a href="#">concombres</a></li> <li><a href="#">courgettes</a></li> <li><a href="#">endives</a></li> <li><a href="#">navets</a></li> <li><a href="#">epinards</a></li> <li><a href="#">avocat</a></li> </ul> </li> </ul> </div>
Voila de nombreuses heures que je me creuse la tête,
GGGrrrrr j'aime pas IE
Partager