Vertical Menu Multy Layer?

  • Hi Leute

    Ich versuche mich gerade an einem Verikalen Menu.
    Das klappt auch ganz gut, nur sollen noch Submenu's hinzukommen, doch leider hab ich keine Ahnung wie das geht....
    Hab schon nach diversen Vorlagen gegoogelt, nur daraus werd ich auch nicht schlau.
    Was ich bereits hab:

    CSS


    HTML sieht so aus:

    hoffe mir kann jemand helfen

    Danke

  • Vielen Dank für die Seite, hab ich gleich zu den Favoriten.
    Nun hab ich nur noch ein Problem, habe zwar das gewünschte Menü gefunden, nur weiss ich jetzt nicht, wie ich das anpassen muss,
    damit es auch für mich stimmt, denn es hat unzählige defnierte Klassen und ich weiss nicht immer, welche wofür steht...
    Falls mir jemand helfen kann/möchte hier der Link

    http://www.cssplay.co.uk/menus/vertical-list.html#url

    Danke, ich probiers weiter, hoffe trotzdem jemand kann helfen.

  • Sieh dir den HTML-Code dieser Seite genauer an. Den CSS-Teil übernimmst du erst einmal so wie er ist, dann suchst den den Bereich des Menüs. Diesen übernimmst du ebenfalls erst einmal 1:1 und bastelst dir eine HTML-Datei mit dem Menu zusammen, damit es überhaupt erst mal funktioniert. Dann änderst du Step bei Step die Werte im CSS, so findest du dann raus, was wofür steht. Eine weitere hilfreiche Methode ist das AddOn Firebug für den Firefox. Damit kann man sich die zuständigen CSS-Eigenschaften anzeigen lassen.

    Das ist am Anfang etwas Fummelkram, aber wenn man es einmal raus hat ... ;)

    Einmal editiert, zuletzt von Bandit (16. Februar 2012 um 18:37)

  • Ja, das habe ich schon so gemacht, hab das aber noch nicht in einer neuen Datei gemacht und auch ohne FireBug..
    Vielen Dank melde mich bald wieder

  • Achte auch auf den Doc-Type, der dort genutzt wird:

    HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
    <html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]" xml:lang="en">


    Das sollte bei dir genauso aussehen

  • OK habe das jetzt ausprobiert und NICHT hinbekommen...
    Wenn ich die Navigation verändere und anschliessend über die Submenu's fahre sind sie völlig falsch platziert...
    Kann mir jemand helfen?

  • Der Code ist folgendermassen.

  • So weit war ich auch schon ;)

    Jetzt füg mal unten weitere Boxen hinzu auch mit Submenu's...

  • Erstmal vielen Dank für die Mühe...
    Habs jetzt anders gemacht, in blau (passt besser zu Wasser).
    Nun habe ich ein anderes Problem
    http://tallshipfriends.ch/new/
    Auf dieser Webseite, hat die Navigation bei "Mitglied" und "Generalversammlung".
    Wenn ihr drüberfahrt, merkt ihr, was das Problem ist.

  • Also nö. Wir schießen uns hier auf ein Menü ein und nur weil du damit nicht klarkommst, nimmst du ein anderes Menü und hast neue Probleme. Nö, da bin ich raus aus dem Thread.

  • Tut mir leid, wenn das für dich nicht OK ist.
    Aber das andere Menü war doch nicht das passende und nachdem ich mich 2 Stunden damit rumgeplagt habe,
    konnte ich es nicht mehr sehen.

    Kann mir sonst jemand weiterhelfen?