Juergens-Workshops.de Forum › HTML und Co › Rund um HTML
Menu mit Untermenu

Ansichts-Optionen
Menu mit Untermenu
zammthing
Gast
 
#1
18.08.2006, 13:19
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/s....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="clsidBig Grin27CDB6E-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&ouml;&szlig;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&ouml;&szlig;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&ouml;&szlig;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&ouml;&szlig;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
Zitieren
Helmut Offline
Profi Member
Beiträge: 3.252
Themen: 228
Danke erhalten: 1 in 1 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#2
18.08.2006, 17:42
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
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Lässt sich das Menü erweitern? Andreas69 10 2.553 04.11.2008, 14:33
Letzter Beitrag: Andreas69
  Menü erweitern? Iceangel 2 1.100 21.06.2007, 21:22
Letzter Beitrag: Iceangel
  Frage wegen "Bildhover" und menü "auslagern" phil100 2 2.117 09.04.2007, 11:10
Letzter Beitrag: Helmut
  Buttons im Menü verschieben..? borgi 2 1.142 17.03.2007, 17:53
Letzter Beitrag: Helmut
  bewegtes menü Ann 1 987 26.08.2006, 01:35
Letzter Beitrag: Hulot
  Menü-Untermenü...? borgi 14 3.471 01.08.2006, 13:25
Letzter Beitrag: Helmut
  Menü überfüllt :( KaMpfKeKs 6 1.700 27.05.2006, 23:05
Letzter Beitrag: Kuddl83
  Menü verbessern Kellerassel 14 3.205 15.05.2006, 20:00
Letzter Beitrag: jubifahrerin
  Menü scrollen...? borgi 34 5.792 07.02.2006, 16:41
Letzter Beitrag: Hulot
  Menü mit Tabellen Harty 16 3.513 17.08.2004, 17:36
Letzter Beitrag: Harty