kostenloser Webspace werbefrei: lima-city


Navigation mit Untermenüs

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    infinitysounds

    Kostenloser Webspace von infinitysounds

    infinitysounds hat kostenlosen Webspace.

    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&ouml;rspiele,Chaosmas,H&ouml;rb&uuml;cher,Kinder,Spa&szlig;,Erwachsene,Drama,Kom&ouml;die,Trag&ouml;die">
    <meta name="description" content="Infinitysounds.de&mdash;H&ouml;rspiele, H&ouml;rb&uuml;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" >&nbsp;</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">&nbsp;</div>
    
    <div class="nav_ob">&nbsp;</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">&nbsp;</div>
    
    <div class="nav_ob">&nbsp;</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" >&Uuml;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">&nbsp;</div>
    <div class="nav_ob" >&nbsp;</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">&nbsp;</div>
    <!-- ende spaltenbreite linke box -->
    </td>
    
    
    <td valign="top"  id="textbox">
    <h2>Links zu anderen H&ouml;rspielseiten</h2>
    
    <h4>Hier werden in K&uuml;rze Links zu anderen H&ouml;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&amp;href=href%3Dhttp%3A%2F%2Fwww.facebook.com%2Fpages%2FInfinitysoundsde%2F172612072776009&amp;send=false&amp;layout=button_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;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" >
    &nbsp;
    </td>
    </tr>
    
    <tr>
    <td      id="fuss_un" >
    &nbsp;
    </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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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 :wink:
  4. Autor dieses Themas

    infinitysounds

    Kostenloser Webspace von infinitysounds

    infinitysounds hat kostenlosen Webspace.

    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
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!