Navigation mit Untermenüs
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
array
artikel
code
copyright
download
drama
ende
http
impressum
info
inhalt
linke box
person
quellcode
schatten
service
spielplatz
sponsor
umstrukturierung
url
-
Hi Leute,
Ich bräuchte eure Hilfe,
ich würde gerne in meiner neuen Navigation eine Art von Untermenüs (z.B.: Downloads --> Hörbücher --> Drama)
einbinden, weiß aber leider nicht, wie das geht :(
Kann mir jemand helfen?
Der Quellcode einer der Seiten ist hier eingebunden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="INDEX,FOLLOW"> <meta name="keywords" content="Infinitysounds,Hörspiele,Chaosmas,Hörbücher,Kinder,Spaß,Erwachsene,Drama,Komödie,Tragödie"> <meta name="description" content="Infinitysounds.de—Hörspiele, Hörbücher, Mitmachen" > <title>Seht euch andere Seiten an!!!</title> <!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ --> <!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen --> <link rel="stylesheet" href="format.css" type="text/css"> <link rel="stylesheet" href="menue.css" type="text/css"> </head> <!--[if gte IE 5]> <link href="scrollbar.css" rel="stylesheet" type="text/css"/> <![endif] --> <body > <table align="center" id="breite" cellspacing="0" cellpadding="0" border="0" > <tr> <!--ende aussentab--> <td align="center" width="100%" > <!--schatten um die seite oben --> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="s1"><img src="images/s1.jpg" width="22" height="22" border="0" alt=""></td> <td id="s2"><img src="images/s2.jpg" width="22" height="22" border="0" alt=""></td> <td id="s3"><img src="images/s3.jpg" width="22" height="22" border="0" alt=""></td> </tr> <tr> <td id="s4back"><img src="images/s4.jpg" width="22" height="22" border="0" alt=""></td> <td id="haupt" > <!--ende schatten um die seite oben --> <!--kopf--> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="top2" ><table width="100%" align="center" id="menu1" border="0" cellpadding="0" cellspacing="0" > <tr> <td align="center" width="20%" ><a href="index.html" >Home</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="info.html" >Info</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="News.html" >News</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="Impressum.html" >Impressum</a></td> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td><td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> <td width="20%" align="center"><a href="Kontakt.html" >Kontakt</a></td> </tr> </table> <!-- ende menü oben--></td> </tr> <tr> <td id="top3" > </td> </tr> </table> <!--ende oben--> <!-- inhalt--> <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="nav" > <div class="nav_un"> </div> <div class="nav_ob"> </div> <!-- menü links --> <table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="index.html" >Home</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="info.html" >Info</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="News.html" >News</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Aktuelle Produktionen.html">Aktuelle Produktionen</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Downloads.html" >Downloads</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Scripte.html" >Scripts</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- ende menü links --> <div class="nav_un"> </div> <div class="nav_ob"> </div> <!-- menü links --> <table align="center" id="menu2b" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="Rollen.html" >Mach Mit!</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Sponsoren.html" >Sponsoren</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Ueber Uns.html" >Über uns</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Links.html" >Links zu anderen Websites</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="AGB.html" >AGB</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- ende menü links --> <div class="nav_un"> </div> <div class="nav_ob" > </div> <table align="center" id="menu2c" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #5A5556;"> <tr> <td > <a href="Sprecher.html" >Unsere Sprecher</a></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td > <a href="Partner.html" >Unsere Partner</a> </td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> <tr> <td class="trenn2"><img src="images/pixelspace.gif" width="1" height="1" border="0" alt=""></td> </tr> </table> <!-- spaltenbreite linke box --> <div id="nav_breite"> </div> <!-- ende spaltenbreite linke box --> </td> <td valign="top" id="textbox"> <h2>Links zu anderen Hörspielseiten</h2> <h4>Hier werden in Kürze Links zu anderen Hörspielseiten stehen!</h4> <br> <br> <br> <br> <a href="http://www.twitter.com/Infinitysoundss"><strong><img src="http://twitter-badges.s3.amazonaws.com/twitter-a.png" border="0" /></strong></a> <iframe src="http://www.facebook.com/plugins/like.php?app_id=258240670866484&href=href%3Dhttp%3A%2F%2Fwww.facebook.com%2Fpages%2FInfinitysoundsde%2F172612072776009&send=false&layout=button_count&width=50&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> </td> </tr> </table> <!-- ende inhalt--> <!-- fuss--> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <tr> <td id="fuss_ob" > </td> </tr> <tr> <td id="fuss_un" > </td> </tr> </table> </td> <!-- schatten um die seite unten --> <td id="s6back"><img src="images/s6.jpg" width="22" height="22" border="0" alt=""></td> </tr> <tr> <td id="s7"><img src="images/s7.jpg" width="22" height="22" border="0" alt=""></td> <td id="s8"><img src="images/s8.jpg" width="202" height="22" border="0" alt=""></td> <td id="s9"><img src="images/s9.jpg" width="22" height="22" border="0" alt=""></td> </tr> </table> <!--ende schatten um die seite unten --> </td> </tr> </table> </body> </html>
Vielen dank im Voraus,
InfinitySounds -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
http://www.lima-city.de/thread/klappmenue-nur-mit-php
http://jeenaparadies.net/weblog/2004/may/php-menue
http://simuliertes.lima-city.de/spielplatz/papierkorb/php-menue.php?submenue2
<?php //Menue 1 $menu_1 = array( "aktuell" => array("Aktuell", "/"), "person" => array("Zur Person", "/person.html"), "artikel" => array("Artikel", "/artikel/"), "service" => array("Service", "/service/"), "links" => array("Links", "/links.html"), "impressum" => array("Impressum", "/impressum.html") ); //Menue 2 $menu_2 = array( "sahjhshz" => array("shsdf", "/"), "shsdfhjdsfj" => array("Zur Person", "/person.html"), "ssghsdgh" => array("Artikel", "/artikel/"), "ssdg" => array("Service", "/service/"), "lsdgs" => array("Links", "/links.html"), "isghssum" => array("Impressum", "/impressum.html") ); function show_submenue($menu_data,$this_id,$current_page="") { $navi=""; if (isset($_GET[$this_id])){ $navi = "<ul>\n"; foreach ($menu_data as $key => $value) { $navi .= " <li>"; if($key != $current_page) { $navi .= "<a href='".$value[1]."?".$this_id."'>"; } $navi .= $value[0]; if($key != $current_page) { $navi .= "</a>"; } $navi .= "</li>\n"; } $navi .= "</ul>"; } return $navi; } ?> <html> <head> </head> <body> <u> <li><a href="#">Startseite</a></li> <li><a href="#">bla</a></li> <li><a href="?submenue1">Unteremenue 1</a> <?php echo show_submenue($menu_1,"submenue1") ; ?> </li> <li><a href="#">blup</a></li> <li><a href="?submenue2">Unteremenue 2</a> <?php echo show_submenue($menu_2,"submenue2") ; ?> </li> <li><a href="#">usw</a></li> </u> </body> </html>
http://www.lima-city.de/thread/dropdown-mit-html-und-css-problem
bin heute ein bisschen mundfaul -
Hmmm.. Ich hatte gehooft das ohne große Umstrukturierung des Quellcodes hinzukriegen :/ Außerdem habe ich von php gar keine Ahnung und hätte echt Probleme das dann meinen Bedürfnissen anzupassen...
Geht das nicht auch mit JavaScript/CSS? :/
Echt etwas schwierig...
EDIT: Habe es gelöst...
Beitrag zuletzt geändert: 18.8.2011 23:05:10 von infinitysounds -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage