ich bin schon soweit das wenigstens die Menupunkte in der zeile für die Subnavi angezeigt werden.
allerdings wenn man auf die Seite geht sind alle auf einmal geladen.
ich hätte es gerne so das wenn man mit der Maus über den Button geht, die Subnavi unten in der Zeile schon erscheint.
Ich denke alzu groß kann der Fehler nicht mehr sein.
hier meine index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="include/designs/Swiss-Hellcats/style.css"/> <link rel="stylesheet" type="text/css" href="include/includes/css/login/login/login.css" media="screen"/> <link href="*.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> /*********************************************** * Switch Menu script- by Martial B of http://getElementById.com/ * Modified by Dynamic Drive for format & NS4/IE4 compatibility * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css">\n') document.write('.submenu{display: none;}\n') document.write('</style>\n') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } } function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue } if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> <style type="text/css"> <!-- .schrift { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFF; text-decoration: none; } .name { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #F00; text-decoration: none; } #posteingang a { background: url(include/images/login/Posteingang.png) no-repeat; display: block; width: 25px; height: 25px; } #posteingang a { background: url(include/images/login/Posteingang.gif) no-repeat; display: block; width: 25px; height: 25px; } #posteingang a:hover { background: url(include/images/login/Posteingang_hover.png) no-repeat; display: block; width: 25px; height: 25px; } #profil a { background: url(include/images/login/Profil.png) no-repeat; display: block; width: 25px; height: 25px; } #profil a:hover { background: url(include/images/login/Profil_hover.png) no-repeat; display: block; width: 25px; height: 25px; } #profiledit a { background: url(include/images/login/Profiledit.png) no-repeat; display: block; width: 25px; height: 25px; } #profiledit a:hover { background: url(include/images/login/Profiledit_hover.png) no-repeat; display: block; width: 25px; height: 25px; } #gallerie a { background: url(include/images/login/Gallerie.png) no-repeat; display: block; width: 25px; height: 25px; } #gallerie a:hover { background: url(include/images/login/Gallerie_hover.png) no-repeat; display: block; width: 25px; height: 25px; } #logout a { background: url(include/images/login/Logout.png) no-repeat; display: block; width: 25px; height: 25px; } #logout a:hover { background: url(include/images/login/Logout_hover.png) no-repeat; display: block; width: 25px; height: 25px; } #adminbereich a { background: url(include/images/login/Admin.png) no-repeat; display: block; width: 25px; height: 25px; } #adminbereich a:hover { background: url(include/images/login/Admin_hover.png) no-repeat; display: block; width: 25px; height: 25px; } --> </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="29" height="242" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Background_Top.png"><table width="950" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="950" height="176" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Header.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Stats-Bar.png" width="950" height="23"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="middle"><span style="color:#FFF; font-size:12px;" >Willkommen auf der Seite der </span><span style="color:#F00; font-size:12px;">{SITENAME}</span></td> <td align="right" valign="middle">{_boxes_swiss_stats}</td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td height="105"> </td> </tr> <tr> <td height="43" align="right" valign="bottom">{_boxes_swiss-login}</td> </tr> </table></td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="156"><div id="Startseite"><a href="index.php"></a></div></td> <td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_04.png" width="3" height="41" /></td> <td width="163"><div id="Infortainment"><a href="#" onclick="SwitchMenu('sub2')" onfocus="this.blur()"></a></div></td> <td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_06.png" width="3" height="41" /></td> <td width="187"><div id="Hellcats"><a href="#" onclick="SwitchMenu('sub3')" onfocus="this.blur()"></a></div></td> <td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_08.png" width="3" height="41" /></td> <td width="150"><div id="Community"><a href="#" onclick="SwitchMenu('sub4')" onfocus="this.blur()"></a></div></td> <td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_10.png" width="3" height="41" /></td> <td width="107"><div id="Media"><a href="#" onclick="SwitchMenu('sub5')" onfocus="this.blur()"></a></div></td> <td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_12.png" width="4" height="41" /></td> <td width="170"><div id="Sponsoren"><a href="#"></a></div></td> </tr> </table> </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Subnavi.png" width="950" height="21"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="middle"><div id="subnavi"> {_list_menunr2@<span id="sub2">%2</span>} {_list_menunr3@<span id="sub3">%2</span>} {_list_menunr4@<span id="sub5">%2</span>} {_list_menunr5@<span id="sub5">%2</span>} </div></td> </tr> </table></td> </tr> <tr> <td><img src="include/designs/Swiss-Hellcats/Bilder/Shine1.png" width="950" height="5" /></td> </tr> </table></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td width="29" height="97" align="center" valign="top" style="background-repeat:repeat-x; background-position:top;" background="include/designs/Swiss-Hellcats/Bilder/Background_Shaddow.png"><table width="950" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="950" height="166" align="left" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Boxen-BG.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="323" height="166" align="center" valign="top"><table width="99%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top">{_boxes_specials}</td> </tr> </table> </td> <td width="10" height="166"> </td> <td width="295" height="166" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> <tr> <td height="113" align="left" valign="top">{_boxes_swiss_lastnews}</td> </tr> </table></td> <td width="20" height="166"> </td> <td width="290" height="166" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="20"> </td> </tr> <tr> <td height="113" align="left" valign="top">{_boxes_swiss_lastforum}</td> </tr> </table></td> <td height="166"> </td> </tr> </table></td> </tr> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Content_BG.png" width="950" height="18"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Hmenu.png" width="747" height="32"><table width="94%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="middle">{HMENU}</td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Content_Top.png" width="747" height="34"></td> </tr> <tr> <td width="747" height="42" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Content_middle.png"><table width="94%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top">{EXPLODE}</td> </tr> <tr> <td height="20" align="left" valign="top"></td> </tr> <tr> <td height="30" align="right" valign="middle">{_boxes_allianz}</td> </tr> </table></td> </tr> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Content_Foot.png" width="747" height="26"></td> </tr> </table></td> </tr> </table></td> <td width="203" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>{_list_menunr1@ <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="include/designs/Swiss-Hellcats/Bilder/Menu_Top.png" width="203" height="32"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="middle" class="btitle">%1</td> </tr> </table></td> </tr> <tr> <td width="203" height="15" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Menu_middle.png"><table width="94%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="middle">%2</td> </tr> </table></td> </tr> </table> }</td> </tr> <tr> <td><img src="include/designs/Swiss-Hellcats/Bilder/Menu_Foot.png" width="203" height="22" /></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td align="left" valign="top"><table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Footer.png" width="750" height="126"></td> </tr> </table></td> </tr> </table></td> </tr> </table> </body> </html> <!-- {_list_DDDmenupoint@ <strong><big>·</big></strong> <a %1 class="box" href="%2">%3</a> <br /> } //--> <!-- beispiel: [null, '%3', '%2', '%1', null|],|, --> <!-- anfang + link |ende |teilende|teilee --> <!-- horizontaler menupunkt --> {_list_hmenupoint@» <a onfocus="this.blur()" href="%2">%3</a> |||} <!-- vertikaler menupunkt --> {_list_vmenupoint@<li><a onfocus="this.blur()" target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>} <!-- vertikaler menupunkt anfang --> {_list_vmenubegi@<ul>} <!-- vertikaler menupunkt ende --> {_list_vmenuende@</ul>} //-->