Ergebnis 1 bis 2 von 2

Thema: Menu mit Submenus

  1. #1
    Hannibal
    Gast

    Standard Menu mit Submenus

    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 !

    Code:
    <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&#40;&#41;
    			&#123;	if &#40;top.frames.length == 0&#41;
    				&#123;	Address = "index.html?rbv.html";
    					if &#40;document.images&#41;
    						top.location.replace&#40;Address&#41;;
    					else
    						top.location.href = Address;
    				&#125;
    			&#125;
    		</script>
    		<link rel="stylesheet" href="menue.css">
    		<link rel="stylesheet" href="seiten.css">
    	</head>
    
    <style type="text/css">
    <!--
    	body &#123;
    			margin&#58; 5px; padding&#58; 0px;
    	&#125;
    
    	.menu &#123;
    		top&#58; 0px;
    		margin&#58; 1px;
    		padding&#58; 0px;
    		width&#58; 140 px;
    		background-color&#58; #f0e772;
    		&#125;
    
    	a &#123; text-decoration&#58; none; border&#58; 0; &#125;
    	.menu&#58;hover &#123; background-color&#58; #D6D3CE; &#125;
    
    	#submenu1, #submenu2  &#123; background-color&#58; #d6d3ce; position&#58; absolute; top&#58; 5px; left&#58; 117px; width&#58; 80px; visibility&#58; hidden &#125;
    	submenu2 &#123; top&#58; 21px;&#125;
    -->
    </style>
    
    <script language="JavaScript" type="text/javascript">
    <!--
    	var openSub = 0;
    	var menuHideDelay = -1;
    
    	function showSubmenu&#40;id&#41; &#123;
    		clearTimeout&#40;menuHideDelay&#41;;
    		if&#40;openSub > 0 && openSub != id&#41; &#123;
    			hideSubmenu&#40;openSub&#41;;
    		&#125;
    		document.getElementById&#40;'submenu'+id&#41;.style.visibility =
    	'visible';
    	openSub = id;
    	&#125;
    
    	function hideSubmenu&#40;id&#41; &#123;
    		document.getElementById&#40;'submenu'+id&#41;.style.visibility =
    			'hidden';
    		openSub = 0;
    	&#125;
    
    	function delayHideSubmenu&#40;&#41; &#123;
    		if&#40;openSub > 0&#41; &#123;
    		menuHideDelay = setTimeout&#40;"hideSubmenu&#40;"+openSub+"&#41;",1000&#41;;
    	&#125;
    	&#125;
    // -->
    </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>
    	
    		[img]d&#58;/menu_link_shuttle.gif[/img]Home
    	
    </center>
    
    	
    <center>	
    <div class="menu" onmouseover="showSubmenu&#40;1&#41; ;"
    		onmouseout="delayHideSubmenu&#40;&#41;;">	
    
    [img]d&#58;/menu_link_shuttle.gif[/img]RBV
    
    </div>
    </center>	
    	
    		
    			<div id="submenu1" onmouseover="showSubmenu&#40;1&#41; ;"
    		onmouseout="delayHideSubmenu&#40;&#41;;">
    	
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]akt. Informationen
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Trainingszeiten
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Ausschreibungen
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Sponsoren
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Geschichte
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Kontakte
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Spielorte
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Satzung
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]Aufnahmeantrag
    
    		
    </div>
    			
    	<center>
    		[img]d&#58;/menu_link_shuttle.gif[/img]Termine
    
    	</center>
    	
    	<center>	
    <div class="menu" onmouseover="showSubmenu&#40;2&#41; ;"
    		onmouseout="delayHideSubmenu&#40;&#41;;">[img]d&#58;/menu_link_shuttle.gif[/img]Berichte 02/03
    </div>
    	</center>
    
    <div id="submenu2" onmouseover="showSubmenu&#40;2&#41; ;"
    		onmouseout="delayHideSubmenu&#40;&#41;;">
    						
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]1.Mannschaft
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]2.Mannschaft
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]3.Mannschaft
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]4.Mannschaft
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]5.Mannschaft
    
    			& &
    			[img]d&#58;/menu_link_shuttle.gif[/img]6.Mannschaft
    
    </div>
    
    <center>
    <div class="menu" onmouseover="showSubmenu&#40;3&#41; ;"
    		onmouseout="delayHideSubmenu&#40;&#41;;">	
    		<a href="#" class="menu">
    
    		[img]d&#58;/menu_link_shuttle.gif[/img]Berichte 03/04</a>
    	</div>
    </center>		
    
    <div id="submenu3" onmouseover="showSubmenu&#40;3&#41; ;"
    		onmouseout="delayHideSubmenu&#40;&#41;;">
    
    			
    			[img]d&#58;/menu_link_shuttle.gif[/img]Schüler
    
    
    			[img]d&#58;/menu_link_shuttle.gif[/img]Jugend
    
    </div>
    
    		
    		
    <center>	
    		[img]d&#58;/menu_link_shuttle.gif[/img]Berichte Archiv
    	
    	
    		[img]d&#58;/menu_link_shuttle.gif[/img]Badminton
    	
    	
    		[img]d&#58;/menu_link_shuttle.gif[/img]Links
    	
    	
    		[img]d&#58;/menu_link_shuttle.gif[/img]Gästebuch
    	
    	
    		[img]d&#58;/menu_link_shuttle.gif[/img]Hilfe
    </center>
    
    
    
    
    </td>
    	<td height=463 width=769>abc</td>
    </tr>
    	
    </table>
    	</body>
    
    </html>
    Edit by Admin
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.779
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    Werde mir mal die Sache anschauen
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


Ähnliche Themen

  1. Menu
    Von htmlvisitor im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 08.06.2008, 00:13
  2. Menu
    Von Wesen im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 06.12.2006, 12:43
  3. Menu
    Von maiki im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 23.09.2006, 21:18
  4. Menu
    Von Djabbi im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 09.06.2006, 16:09
  5. Jscript zur Darstellung von linearem Menu in ein Baum Menu
    Von stud3 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.11.2004, 09:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •