+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Menu mit Untermenu (/showthread.php?tid=20517)
Menu mit Untermenu - zammthing - 18.08.2006
Hi erstmal,
habe mich jetzt lange selbe rmit dem Thema beschäftigt und bin mit dem HTML CSS Java Latain am Ende.
Folgendes:
ich habe ein rollover grafik Menu (siehe Code 1)
Code 1
[HTML]<div class="feature2"><img src="img/menuleisteoben.gif"><a href="www.gerd.de" target="_self" title="Home"><img src="img/home.gif" alt="" border="0" title="Home" onMouseOver="this.src='img/home2.gif'" onMouseOut="this.src='img/home.gif'"></a><a href="www.gerd.de" target="_self" title="Mannschaft"><img src="img/mannschaft.gif" alt="" border="0" title="Mannschaft" onMouseOver="this.src='img/mannschaft2.gif'" onMouseOut="this.src='img/mannschaft.gif'"></a><a href="www.gerd.de" target="_self" title="Spielbetrieb"><img src="img/spielbetrieb.gif" alt="" border="0" title="Spielbetrieb" onMouseOver="this.src='img/spielbetrieb2.gif'" onMouseOut="this.src='img/spielbetrieb.gif'"></a><a href="www.gerd.de" target="_self" title="Training"><img src="img/training.gif" alt="" border="0" title="Training" onMouseOver="this.src='img/training2.gif'" onMouseOut="this.src='img/training.gif'"></a><a href="www.gerd.de" target="_self" title="Bildergalerie"><img src="img/bildergalerie.gif" alt="" border="0" title="Bildergalerie" onMouseOver="this.src='img/bildergalerie2.gif'" onMouseOut="this.src='img/bildergalerie.gif'"></a><a href="www.gerd.de" target="_self" title="Gästebuch"><img src="img/gaestebuch.gif" alt="" border="0" title="Gästebuch" onMouseOver="this.src='img/gaestebuch2.gif'" onMouseOut="this.src='img/gaestebuch.gif'"></a><a href="www.gerd.de" target="_self" title="Forum"><img src="img/forum.gif" alt="" border="0" title="Forum" onMouseOver="this.src='img/forum2.gif'" onMouseOut="this.src='img/forum.gif'"></a><a href="http://www.tv-grenzach.de" target="_self" title="TV Grenzach Startseite"><img src="img/tvgrenzach.gif" alt="" border="0" title="TV Grenzach Startseite" onMouseOver="this.src='img/tvgrenzach2.gif'" onMouseOut="this.src='img/tvgrenzach.gif'"></a><a href="www.gerd.de" target="_self" title="Sponsoren"><img src="img/sponsoren.gif" alt="" border="0" title="Sponsoren" onMouseOver="this.src='img/sponsoren2.gif'" onMouseOut="this.src='img/sponsoren.gif'"></a><a href="www.gerd.de" target="_self" title="Impressum"><img src="img/impressum.gif" alt="" border="0" title="Impressum" onMouseOver="this.src='img/impressum2.gif'" onMouseOut="this.src='img/impressum.gif'"></a><img src="img/menuleisteunten.gif"></div>[/HTML]
Dieses Menu möchte ich nun durch untermenus erweitern.
Habe in diesem Forum auch eine Anleitung unter
http://www.juergens-workshops.de/board/showthread.php?t=517
gefunden, jedoch habe ich keine Ahung von Java.
Verwende HTML und CSS.
Da ich vermute, dass das Rollover Menu als Grundlage nicht ausreicht, poste ich hier noch den kompletten Code einer Seite.
[HTML]<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>TV Grenzach Basketball</title>
<link href="img/styles_final.css" rel="Stylesheet" type="text/css">
</head>
<body>
<div id="content_container">
<div id="header">
<div>
<object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1000" height="200"><param name="movie" value="img/header.swf">
<param name="quality" value="high">
<embed src="img/header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1000" height="200"></embed>
</object>
</div>
</div>
<div id="content">
<div class="gruppenbild rand"><img src="img/noimage.jpg" width="717" height="259"></div>
<div class="rand schrift_profil">
<table width="350" border="0">
<tr>
<td width="122" rowspan="5"><img src="img/noimage.jpg" width="122" height="110"></td>
<td width="80"><div align="left">Name:</div></td>
<td width="134"><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Nickname:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Position:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Geboren:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Größe:</div></td>
<td><div align="left"></div></td>
</tr>
</table>
</div>
<div class="rand schrift_profil">
<table width="350" border="0">
<tr>
<td width="122" rowspan="5"><img src="img/noimage.jpg" width="122" height="110"></td>
<td width="80"><div align="left">Name:</div></td>
<td width="134"><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Nickname:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Position:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Geboren:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Größe:</div></td>
<td><div align="left"></div></td>
</tr>
</table>
</div>
<div class="rand schrift_profil">
<table width="350" border="0">
<tr>
<td width="122" rowspan="5"><img src="img/noimage.jpg" width="122" height="110"></td>
<td width="80"><div align="left">Name:</div></td>
<td width="134"><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Nickname:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Position:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Geboren:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Größe:</div></td>
<td><div align="left"></div></td>
</tr>
</table>
</div>
<div class="rand schrift_profil">
<table width="350" border="0">
<tr>
<td width="122" rowspan="5"><img src="img/noimage.jpg" width="122" height="110"></td>
<td width="80"><div align="left">Name:</div></td>
<td width="134"><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Nickname:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Position:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Geboren:</div></td>
<td><div align="left"></div></td>
</tr>
<tr>
<td><div align="left">Größe:</div></td>
<td><div align="left"></div></td>
</tr>
</table>
</div>
</div>
<div id="sidebar">
<div class="feature2"><img src="img/menuleisteoben.gif"><a href="www.gerd.de" target="_self" title="Home"><img src="img/home.gif" alt="" border="0" title="Home" onMouseOver="this.src='img/home2.gif'" onMouseOut="this.src='img/home.gif'"></a><a href="www.gerd.de" target="_self" title="Mannschaft"><img src="img/mannschaft.gif" alt="" border="0" title="Mannschaft" onMouseOver="this.src='img/mannschaft2.gif'" onMouseOut="this.src='img/mannschaft.gif'"></a><a href="www.gerd.de" target="_self" title="Spielbetrieb"><img src="img/spielbetrieb.gif" alt="" border="0" title="Spielbetrieb" onMouseOver="this.src='img/spielbetrieb2.gif'" onMouseOut="this.src='img/spielbetrieb.gif'"></a><a href="www.gerd.de" target="_self" title="Training"><img src="img/training.gif" alt="" border="0" title="Training" onMouseOver="this.src='img/training2.gif'" onMouseOut="this.src='img/training.gif'"></a><a href="www.gerd.de" target="_self" title="Bildergalerie"><img src="img/bildergalerie.gif" alt="" border="0" title="Bildergalerie" onMouseOver="this.src='img/bildergalerie2.gif'" onMouseOut="this.src='img/bildergalerie.gif'"></a><a href="www.gerd.de" target="_self" title="Gästebuch"><img src="img/gaestebuch.gif" alt="" border="0" title="Gästebuch" onMouseOver="this.src='img/gaestebuch2.gif'" onMouseOut="this.src='img/gaestebuch.gif'"></a><a href="www.gerd.de" target="_self" title="Forum"><img src="img/forum.gif" alt="" border="0" title="Forum" onMouseOver="this.src='img/forum2.gif'" onMouseOut="this.src='img/forum.gif'"></a><a href="http://www.tv-grenzach.de" target="_self" title="TV Grenzach Startseite"><img src="img/tvgrenzach.gif" alt="" border="0" title="TV Grenzach Startseite" onMouseOver="this.src='img/tvgrenzach2.gif'" onMouseOut="this.src='img/tvgrenzach.gif'"></a><a href="www.gerd.de" target="_self" title="Sponsoren"><img src="img/sponsoren.gif" alt="" border="0" title="Sponsoren" onMouseOver="this.src='img/sponsoren2.gif'" onMouseOut="this.src='img/sponsoren.gif'"></a><a href="www.gerd.de" target="_self" title="Impressum"><img src="img/impressum.gif" alt="" border="0" title="Impressum" onMouseOver="this.src='img/impressum2.gif'" onMouseOut="this.src='img/impressum.gif'"></a><img src="img/menuleisteunten.gif"></div>
<div class="feature">
<h1>Hochrhein Cup</h1>
<p>Am 9. September findet der erste Hochrhein Cup statt, zudem wir jeden der Lust am Basketball hat einladen, so dass er/sie uns bei diesem Prestigeträchtigen Turnier lauthals anfeuern kann. Es werden einige hochkarätige Gegner am Start sein, denen es gilt, durch ein volles Haus, mächtig Dampf zu machen.</p>
</div>
</div>
</div>
<div id="footer_container">
<div id="footer">
<b>Und hier ist der Footer für Werbezwecke</b></div>
</div>
</body>
</html>
[/HTML]
Für Hilfe wäre ich sehr dnakbar, da es doch meine Nerven sehr strapaziert. ich weiß, dass der Code schon sehr komplex ist und der Footer bereitete ebenfalls Probleme, die evtl zu einer beinträchtigung der Nutzung führen.
Aber ich denke nicht, dass es unmöglich ist das hinzubekommen.
DANKE schonmal
Mfg Zammthing
Menu mit Untermenu - Helmut - 18.08.2006
Hi,
ein Menü mit Unterkategorien ist einiger Aufwand, da es aber vieles schon gibt und man das Rad nicht neu erfinden sollte, schau mal hierhin oder auch hier unter Links to other lists
Cu Helmut