Verschachtelte ULs auf gleiche Ebene heben

  • Hallo!

    Eine CSS-Frage: Kann man verschachtelte ULs auf die gleiche Ebene heben - bzw. - kann man nach dem Schließen eines ULs wieder "höher" springen?

    Hier zuerst das Code-Minimalbeispiel:

    Aussehen soll das alles im Nachhinein so:

    A---B---C---D---E---F
    Ba--Bb--Bc--Bd--Be--Bf
    Ba1-Ba2

    Den ULs kann ich leider keine Klassen/IDs zuweisen, da ein WP-Plugin die genauso wie dargestellt ausgibt.

    Für Hinweise/Hilfe bin ich sehr dankbar!

    Michael

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • da sind alle css classes, die man dafür braucht vorhanden


    ul.navigation
    .page_item
    .[COLOR=#0000ff]current_page_ancestor[/COLOR]
    [COLOR=#0000ff].current_page_item[/COLOR]
    [COLOR=#0000ff][/COLOR]
    [COLOR=#0000ff]zb[/COLOR]
    [COLOR=#0000ff][/COLOR]
    [COLOR=#0000ff]li.current_page_ancestor ul[/COLOR]
    [COLOR=#0000ff][/COLOR]
    [COLOR=#0000ff]li.current_page_ancestor ul li.current_page_ancestor [/COLOR]

    [COLOR=#0000ff]li.current_page_ancestor ul li.current_page_ancestor ul[/COLOR]
    [COLOR=#0000ff][/COLOR]
    [COLOR=#0000ff]usw...[/COLOR]
    [COLOR=#0000ff][/COLOR]
    [COLOR=#0000ff]ein bisschen verschachtelt denken, so wie die Liste eben auch verschachtelt ist ;)[/COLOR]
    [COLOR=#0000ff][/COLOR]
    [COLOR=#0000ff]lg[/COLOR]

  • Wenn's so einfach wäre!

    Trotzdem komme ich nicht drumherum zu fragen, wie ich das verschachtelte UL-Konstrukt so per CSS zurechtbiege (ohne absolute Werte zu verwenden), dass ich ein von einem UL unterbrochenes LI wieder auf der gleiche Zeilenhöhe - siehe gegebenes Beispiel unterm Code - fortsetzen kann. Wohlgemerkt, es geht mir um eine horizontale Navigation!

  • Wenn ich dich richtig verstehe willst du X-Menüebenen horizontal untereinander haben, richtig?

    Dazu würde mir folgendes einfallen:
    - das erste UL bekommt ein "position: relative"
    - die folgenden ULs werden mit "position: absolute", "left: 0" und "top: 20px" plaziert
    - die dritte Ebene bekomme "top: 40px"
    - LIs floaten links

    Wenn man das richtig kombiniert könnte es funktionieren.

    Gruß
    Mo

  • hi also keine position absolute

    ok ich kann es Dir machen,

    denke, dass ich heute Nacht dazukomm

    float display inline, display table usw...wird dann *unser *Freund

    ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!