Disparition d'un sous menu sous IE.
bonjour,
je suis en train de construire mon site web,
j'ai fait un menu sur la partie gauche de mon site, qui marche impec' sous FF.
Cependant sous IE (6 et 7...) il m'apparait un grand décalage entre les sous menu et il disparait des que je clique sur un de celui-ci. Je viens de rechercher mais je n'ai pas trouver de solution a mon problème.
voici la page test ( c'est normal que rien s'affiche dans la mainframe ;) )
http://hervay-photographer.net/test/test.html
Et voici le code :
Code:
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
| li{
cursor: pointer;
}
.Style1 {
font-size: 22px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
color:#000000;
}
.Style2 {
font-size: 14px;
font-family:"Times New Roman", Times, serif; font-weight:bold;
text-decoration:none;
color:#000000;
}
.Style3 {
font-size: 36px;
font-family:"Edwardian Script ITC";
font-weight:bold;
text-decoration:none;
color:#000000;
} |
Code:
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
| <script type="text/javascript">
function GestionMenu(objet){
var objetFils = "Sous"+objet.id;
var elmt = document.getElementById(objetFils);
if (elmt.style.display=="none")
elmt.style.display = "block";
else
elmt.style.display = "none";
}
</script>
</head>
<body>
<p> </p>
<li id="Menu1"onclick="GestionMenu(this)" class="Style3" >Galeries</li>
<ul id="SousMenu1" style="display: none">
<li id="Menu2"onclick="GestionMenu(this)" ><a class="Style1">Architechture</a></li>
<ul id="SousMenu2" style="display: none">
<li ><a href="../../Metz/index.html" target="mainFrame" class="Style2">Metz</a></li>
<li ><a href="../../ParisFish/index.html" target="mainFrame" class="Style2">Paris - Fish Eye</a></li>
<li ><a href="../../Eiffelfish/index.html" target="mainFrame" class="Style2">Tour Eiffel</a></li>
<li ><a href="../../Arctriomphe/index.html" target="mainFrame" class="Style2">Arc de Triomphe</a></li>
<li ><a href="../../PinkCathedral/index.html" target="mainFrame" class="Style2">The Pink Cathedral</a></li>
</ul>
<li id="Menu3"onclick="GestionMenu(this)" ><a class="Style1">Beauté</a></li>
<ul id="SousMenu3" style="display: none">
<li ><a href="../../Alex/index.html" target="mainFrame" class="Style2">Alexandra</a></li>
<li ><a href="../../Audrey/index.html" target="mainFrame" class="Style2">Audrey</a></li>
<li ><a href="../../Audrey2/index.html" target="mainFrame" class="Style2">Audrey</a></li>
<li ><a href="../../Carole/index.html" target="mainFrame" class="Style2">Carole</a></li>
<li ><a href="../../Celine/index.html" target="mainFrame" class="Style2">Céline</a></li>
<li ><a href="../../Melanie/index.html" target="mainFrame" class="Style2">Mélanie</a></li>
</ul>
.
.
.
.
.
</ul>
</ul>
</body></html> |
