Ich habe ein Problem mit meinen Drop Down Menü, eigentlich funzt alles aber wenn ich die seite lade ist das menü schon offen daher vermute ich das ein fehler im script drinnen ist, aber ich finde nichts. Kann mir da wer mal helfen?
<style type="text/css" media="screen">
<!—
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 2;
top: 262px;
left: 51%;
margin-left:3px;
width180px;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 0px solid #c6c5c5;
background-image: url(http://img.webme.com/pic/e/error-hoch-zwei/dropdown2.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 45px;
color: #000000;
}
#smenu1,
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}
#smenu1 a,
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Sonstiges</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
</ul>
</li>
</div>
