menu deroulant vertical par azeline - page 1

Bonjour,
J'ai un problème pour gerer l'affichage du troisième niveau dans mon menu deroulant vertical. Pouvez vous m'aider?
Cela est apparement du au javascript.
Merci d'avance

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="style1.css" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=20; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
-->
</script>
<style type="text/css" media="screen">

</style>
</head>
<body class="menu">
<dl id="menu">
<br>
<br><br><br>
	<dt onclick="javascript:montre('smenu1');">Pont1</dt><br>
			<dd >
				<ul>
				    
					<li id="smenu1" onclick="javascript:montre('smenu11');">ABC
						<ul>
							<li id="smenu11">A1</li>
							<li id="smenu11">B1</li>
						</ul>
					<br>
					</li>
					<li id="smenu1">DEF</li>
					<br>
					</ul>
			</dd>	
	<dt onclick="javascript:montre('smenu2');">Pont 2 </dt><br>
			<dd >
				<ul>
				    
					<li id="smenu2" onclick="javascript:montre('smenu21');">ABC</li>
						<ul>
							<li id="smenu21">A2</li>
							<li id="smenu21">B2</li>
					<li>DEF</li>
					<br>
				</ul>
			</dd>	
</dl>

</body>
</html>

dl,dt,do,dd,ul,li {
margin: 0;
padding: 0;
list-style-type: none;
}


body.menu{
margin: 0;
padding: 0;
background:white;
font: 80% verdana, arial, sans-serif;
}

#menu {
top: 0;
left: 15;
position:absolute;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 1px;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
background:white;
}
#menu dd {
text-align: left;
}
#menu li {
text-align: left;
background: white;
margin:0px;
}
#menu li a, #menu dt a {
color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
margin:0px;
}
#menu li a:hover, #menu dt a:hover {
background:silver;
}

a:hover{
color:black;
}

a{
color:black;
text-decoration:none;
}

a:visited{
color:black;
text-decoration:none;
}

menu deroulant vertical

menu deroulant vertical

Supprimer

Modérer

Signaler le message aux modérateurs