Hallo,
bin einigermaßen unerfahren in Sachen Webdesign und Html usw. . Habe hier aber ein Menü für eine künftige Vereinshomepage gebaut . Ich will jetzt aber dass die Submenus 1. alle funktionieren ( momentaN nur 2 von 3 richtig) und zweitens dass die Submenus sich genau neben dem dazugehörigen Link ausklappen (entweder am obersten Punkt oder am untersten Punkt. Es folgt gleich der Quellcode . Bin besonders für einen schon umgebauten Quellcode dankbar , da ich an diesem Ding schon das halbe Wochenende sitze 
! Danke 
!
HTML
<html>
<head>
<base target="inhalt">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta content=""name=keywords>
<meta content="index, follow" name=ROBOTS>
<title>Navigation</title>
<script language="JavaScript1.2" type="text/javascript" src="../js/frames.js">
</script>
<script language="JavaScript1.2" type="text/javascript" src="js/dhtml.js">
</script>
<script language="JavaScript1.2" type="text/javascript" src="js/navigation.js">
</script>
<script language="JavaScript1.2" type="text/javascript">
function FramesetTest()
{ if (top.frames.length == 0)
{ Address = "index.html?rbv.html";
if (document.images)
top.location.replace(Address);
else
top.location.href = Address;
}
}
</script>
<link rel="stylesheet" href="menue.css">
<link rel="stylesheet" href="seiten.css">
</head>
<style type="text/css">
<!--
body {
margin: 5px; padding: 0px;
}
.menu {
top: 0px;
margin: 1px;
padding: 0px;
width: 140 px;
background-color: #f0e772;
}
a { text-decoration: none; border: 0; }
.menu:hover { background-color: #D6D3CE; }
#submenu1, #submenu2 { background-color: #d6d3ce; position: absolute; top: 5px; left: 117px; width: 80px; visibility: hidden }
submenu2 { top: 21px;}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var openSub = 0;
var menuHideDelay = -1;
function showSubmenu(id) {
clearTimeout(menuHideDelay);
if(openSub > 0 && openSub != id) {
hideSubmenu(openSub);
}
document.getElementById('submenu'+id).style.visibility =
'visible';
openSub = id;
}
function hideSubmenu(id) {
document.getElementById('submenu'+id).style.visibility =
'hidden';
openSub = 0;
}
function delayHideSubmenu() {
if(openSub > 0) {
menuHideDelay = setTimeout("hideSubmenu("+openSub+")",1000);
}
}
// -->
</script>
<body bgcolor="#ece9a3" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="1" cellpadding="0" cellspacing="2" width="886">
<tr height="121">
<td height=121 width=184>[img]bilder/rbv_wappen%20aktuell.gif[/img]</td>
<td width="769" height="121">abc</td>
</tr>
<tr>
<td height=463 width=184>
<center>
[url='rbv.html'][b][img]d:/menu_link_shuttle.gif[/img]Home[/b][/url]
</center>
<center>
<div class="menu" onmouseover="showSubmenu(1) ;"
onmouseout="delayHideSubmenu();">
[url='#'][img]d:/menu_link_shuttle.gif[/img][b]RBV[/b][/url]
</div>
</center>
<div id="submenu1" onmouseover="showSubmenu(1) ;"
onmouseout="delayHideSubmenu();">
& &
[img]d:/menu_link_shuttle.gif[/img][url='files/infos.html']akt. Informationen[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='trainingszeiten.html']Trainingszeiten[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='ausschreibungen.html']Ausschreibungen[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='sponsoren.html']Sponsoren[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='geschichte.html']Geschichte[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='kontakte.html']Kontakte[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='spielorte.html']Spielorte[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='files/satzung.pdf']Satzung[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='files/aufnahmeantrag.pdf']Aufnahmeantrag[/url]
</div>
<center>
[url='files/termine.pdf'][b][img]d:/menu_link_shuttle.gif[/img]Termine[/b][/url]
</center>
<center>
<div class="menu" onmouseover="showSubmenu(2) ;"
onmouseout="delayHideSubmenu();">[url='#'][b][img]d:/menu_link_shuttle.gif[/img]Berichte 02/03[/b][/url]
</div>
</center>
<div id="submenu2" onmouseover="showSubmenu(2) ;"
onmouseout="delayHideSubmenu();">
& &
[img]d:/menu_link_shuttle.gif[/img][url='rbv_I/2003_04/03_rbv_I.html']1.Mannschaft[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='rbv_II/2003_04/03_rbv_II.html']2.Mannschaft[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='rbv_III/2003_04/03_rbv_III.html']3.Mannschaft[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='rbv_IV/2003_04/03_rbv_IV.html']4.Mannschaft[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='rbv_V/2003_04/03_rbv_V.html']5.Mannschaft[/url]
& &
[img]d:/menu_link_shuttle.gif[/img][url='rbv_VI/2003_04/03_rbv_VI.html']6.Mannschaft[/url]
</div>
<center>
<div class="menu" onmouseover="showSubmenu(3) ;"
onmouseout="delayHideSubmenu();">
<a href="#" class="menu">
[b][img]d:/menu_link_shuttle.gif[/img]Berichte 03/04[/b]</a>
</div>
</center>
<div id="submenu3" onmouseover="showSubmenu(3) ;"
onmouseout="delayHideSubmenu();">
[url='schueler/2003_04/03_rbv_schueler.html'][img]d:/menu_link_shuttle.gif[/img]Schüler[/url]
[url='jugend/2003_04/03_rbv_jugend.html'][img]d:/menu_link_shuttle.gif[/img]Jugend[/url]
</div>
<center>[b]
[url='rbv_archiv.html'][img]d:/menu_link_shuttle.gif[/img]Berichte Archiv[/url]
[url='badminton.html'][img]d:/menu_link_shuttle.gif[/img]Badminton[/url]
[url='links.html'][img]d:/menu_link_shuttle.gif[/img]Links[/url]
[url='gaestebuch/index.html'][img]d:/menu_link_shuttle.gif[/img]Gästebuch[/url]
[url='help.html'][img]d:/menu_link_shuttle.gif[/img]Hilfe[/url]
[/b]</center>
</td>
<td height=463 width=769>abc</td>
</tr>
</table>
</body>
</html>Edit by Admin