menue klappt immer zu...

crazydog · 7. November 2005

hallo zusammen!
wenn ich einen link im menü anklicke .. klappt dieses immer wieder zusammen...
guckt euch das mal bitte an...

greez crazyd.

wäre echt super wenn mir jemand helfen könnte...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>--</title>

<link rel="stylesheet" title="Screen" href="jssidemenu4_files/jssidemenu4.css" type="text/css" media="screen">
 <style type="text/css">
 <!--
 #main {
 margin-left: 9em;
}
#menu {
 position: absolute;
 left: 0;
 margin: 0;
 padding: 1ex;
}
#menu a {
 display: block;
 padding-left: 1em;
}
#menu ul{
 margin-left: 0;
 padding-left: 1em;
}
#menu li ul {
 padding: 0;
 margin: 0;
}
#menu li {
 cursor: pointer;
 list-style-type: none;
 padding: 0;
 text-decoration: nounderline;
 display: block;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 12px;
}
-->
 </style>
 
 
 <script type="text/javascript">
 <!--
 function hideSub( ) {
 if (!document.getElementsByTagName)
 return;
 var mnu = document.getElementById("menu");
 var toplis = mnu.getElementsByTagName("li"); 
 for (it = 0; it < toplis.length; it++) { /* each top li */
 var sublis = toplis[it].getElementsByTagName("li"); 
 for (is = 0; is < sublis.length; is++) { /* each sub li */
 if (sublis[is].style)
 if (toplis[it].className == 'show') 
 sublis[is].style.display = 'block';
 else
 sublis[is].style.display = 'none';
 }
 }
}
function mShow(Me)
{
 if (!Me.getElementsByTagName)
 return;
 var mylis = Me.getElementsByTagName("li");
 if (!mylis)
 return;
 for (j = 0; j < mylis.length; j++) {
 if (mylis[j].style.display == 'block')
 mylis[j].style.display = 'none';
 else
 mylis[j].style.display = 'block';
 }
}
 //-->
 </script>


<body onload="hideSub();" bgcolor="#0066CC">

<table width="149" border="0">
<tr>
 <td colspan="2" align="center"><font color="#FFFFFF" face="Verdana" size="2"><b>---</b><br><b>Online</b></b></font></td>
</tr>
 <tr>
 <td width="20%">&nbsp;</td>
 <td>
<ul id="menu">
 <li onclick="mShow(this);">Info
 <ul>
 <li style="display: none;"><a href="info/impressum.htm" target="main">Impressum</a></li>
 <li style="display: none;"><a href="info/leistungen.htm" target="main">Leistungen</a></li>
 <li style="display: none;"><a href="info/standort.htm" target="main">Standort</a></li>
 <li style="display: none;"><a href="info/laden_fotos.htm" target="main">Ladenfotos</a></li>
 <li style="display: none;"><a href="info/kontakt.htm" target="main">Kontakte</a></li>
 </ul>
 </li>
 <br>
 <li onclick="mShow(this);">Produkte
 <ul>
 <li style="display: none;"><a href="produkte/hinweis.htm" target="main">Hinweise</a></li>
 <li style="display: none;"><a href="produkte/shop.htm" target="main">Onlineshop</a></li>
 <li style="display: none;"><a href="produkte/software.htm" target="main">Software</a></li>
 <li style="display: none;"><a href="produkte/partner.htm" target="main">Partner</a></li>
 </ul>
 </li>
 <br>
 <li onclick="mShow(this);">Service
 <ul>
 <li style="display: none;"><a href="#">Hinweis</a></li>
 <li style="display: none;"><a href="#">Kleinanzeigen</a></li>
 <li style="display: none;"><a href="#">Verleihliste</a></li>
 <li style="display: none;"><a href="#">Funstuff</a></li>
 </ul>
 </li>
 <br>
 <li onclick="mShow(this);">Support
 <ul>
 <li style="display: none;"><a href="#">Hotline</a></li>
 <li style="display: none;"><a href="#">Treiber</a></li>
 <li style="display: none;"><a href="#">Utilities</a></li>
 <li style="display: none;"><a href="#">Browser</a></li>
 <li style="display: none;"><a href="#">Links</a></li>
 </ul>
 </li>
 <br>
 <li onclick="mShow(this);">Jobs@---
 <ul>
 <li style="display: none;"><a href="http://google.com/">Item 5</a></li>
 <li style="display: none;"><a href="#&4">Netzwerk</a></li>
 <li style="display: none;"><a href="#&4">PC</a></li>
 <li style="display: none;"><a href="#&4">Vertrieb</a></li>
 </ul>
 </li>
 <br>
 <li class="show" onclick="mShow(this);">AGB's
 <ul>
 <li style="display: none;"><a href="http://google.com/">Item 6</a></li>
 <li style="display: none;"><a href="#&4">Item 6</a></li>
 <li style="display: none;"><a href="#&4">Item 6</a></li>
 <li style="display: none;"><a href="#&4">Item 6</a></li>
 </ul>
 </li></td>
 </tr>
</table>




</body>
</html>

Anzeige

Fallen Angel · 7. November 2005

trotzdem hat das nix mitm webdesign zu tun

Basti1086 · 8. November 2005

war ja fast der richtige bereich ^^

~ moved ~

Nützliche Suchen

menue klappt immer zu...

Videos zum Themenbereich