Eingerückte Link-Liste

  • Hallo,
    ich habe auf http://test.martin-dierks.de/kundalini-yoga.html links eine Sidebar-Navigation mit einigen zweizeiligen Links, deren Text der 2. Zeile eingerückt beginnen soll, nicht unter dem Listenpunkt.

    Habe ich mit list-style-position:outside auch hinbekommen:

    ul.sidebar li ul, ul.link-list {
    list-style:none outside none;
    margin:0 0 10px 0;
    padding:0;
    }


    ul.sidebar li ul li, ul.link-list li {
    list-style:disc inside none;
    margin:0 0 10px;
    list-style-position:outside;
    }

    Aber dabei rücken die gesamten Links jetzt mit dem Listenpunkt ganz an den linken Rand!? Wie kann ich das verhindern oder zumindest geringer machen?

    • 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

  • Arbeite mit dem margin für die linke Seite:

    Code
    ul.sidebar li ul, ul.link-list {
    list-style:none outside none;
    margin:0 0 10px [COLOR=Red]10px[/COLOR];
    padding:0;
    }

    Und poste deinen Code hier im Forum bitte auch als Code (Extra-Buttons).

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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