voici la page contenant un menu deroulant vertical en javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
if (d.style.display=='block'){
	 d.style.display='none';
}else{
	d.style.display='block';
}
}
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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Bienvenue sur le site d'electricité du cfa de montauban !</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- start header -->
<div id="header">
 
	<h1><a href="#"></a></h1>
 
</div>
<!-- end #header -->
<div id="page">
	<div id="content">
		<div class="post">
			<h1 class="title">Bienvenue sur le site d'electricite du cfa de montauban !</h1>
			<p class="meta"><small>Bienvenue sur mon site, je m'appelle Eric BASTIEN, je suis actuellement professeur 
			 au CFA de montauban où j'enseigne l'electrotechnique a des eleves de CAP et de BP, je fais aussi
			  de la formation en habilitation electrique pour les adultes.<br />
                <br />
 
			    </p>
		</div>
		<div class="post">
			<h2 class="title"><span>News sur CFA Montauban :)</span></h2>
			<p>
			<u>Site en construction</u><br/>Le site est actuellement en construction, la mise en production sera faite d'ici une dizaine de jours.  <br/><br/></p>
		</div>
 
	</div>
	<!-- end #content -->
	<div id="sidebar">
		<div id="menu" class="box">
		<h2 class="title">Menu</h2>
		<ul>
		<li><dt onclick="javascript:montre('BP');"> <b>Ressources BP</b></li></dt></br>
 
		<dd id="BP" style="display:none;">
		<li><a href="ressource.php?name=BPElectrotech" class="type1">Electrotech</a><br></li>
		<li><a href="ressource.php?name=BPTechno" class="type1">Techno</a><br></li>
		<li><a href="ressource.php?name=BPHabilitation" class="type1">Habilitation electrique</a></li><br>
			</dd>
<li><dt onclick="javascript:montre('cap');"> <b>Ressources CAP</b></li></dt></br>
		<dd id="cap" style="display:none;">
 
		<li><a href="ressource.php?name=CAPElectrotech" class="type1">Electrotech</a><br></li>
		<li><a href="ressource.php?name=CAPTechno" class="type1">Techno</a><br></li>
		<li><a href="ressource.php?name=CAPHabilitation" class="type1">Habilitation electrique</a></li><br>
			</dd>
				<li><dt onclick="javascript:montre('vie');"><b>Vie au CFA</b></li></dt><br>
			<dd id="vie" style="display:none;">
					<li><a href="../vie.php?name=planning" class="type1">planning</a><br></li>
 
					<li><a href="../vie.php?name=avancement" class="type1">Avancement TP</a><br></li>
					<li><a href="../vie.php?name=progr" class="type1">Progression pedagogique</a></li><br>
			</dd>
				<li><a href="../forum/index.php" class="type1">Forum</a><br></li>
				<li><a href="reglementation.html" class="type1">Reglementation</a><br></li>
				<li><a href="lien.php" class="type1">Lien</a><br></li>			
				<li><a href="../2bgal/index.php" class="type1">Photos</a><br></li>
 
				<li><a href="contact.php" class="type1">Contactez-nous</a><br></li>
				<li><a href="#" class="type1">Resultat examen</a><br></li>
				<li><a href="formation.php" class="type1">Formation adulte</a><br></li></li>
			</ul>
		</div>
 
	</div>
	<!-- end #sidebar -->
 
	<div style="clear: both;">&nbsp;</div>
	<div id="footer">
	<p>Copyright &copy; 2008. <a href="admin.php">Admin</a>  <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> 
 
		</p>
</div>
 
<!-- end #page -->
 
</div>
<!-- end #footer -->
</body>
</html>


cette page marche parfaitement sous firefox mais pas,sous ie et je ne sais pas pourquoi

voici le site
http://projet-elec.is-a-geek.com/