Listenpunkte in der Sidebar einfügen

  • Guten Tag,

    ich brauche etwas Hilfe bei folgendem Problem. Ich kenn mich nicht wirklich gut mit HTML und so weiter aus. In der Sidebar auf meiner Seite hätte ich gerne Listenpunkte (disc) eingefügt. Was muss ich tun?

    Adresse der Seite: partnersuche-singles.de

    Welche HTML-Codes muss ich hier rein stellen, damit mir jemand helfen kann?

    Viele Grüße
    F. Reimann

    • 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

  • Listenpunkte (disc)


    werden ja eigentlich standardmäßig angezeigt

    entferne mal das "display: block;"

    Code
    div.widget ul li {
        border-left: 0 solid #CCCCCC;
        [COLOR="#FF0000"]display: block;[/COLOR]
        margin: 2px 0;
        padding: 0;
    }

    das

    Code
    div.widget ul {
        list-style-type: disc;
    }


    kannst du dann auch entfernen, danach sitzt alles wieder in der Mitte

    und hier

    CSS
    div.widget ul li {
        padding: 1px 5px 1px 12px !important;
    }


    vielleicht die 12px auf 0 reduzieren

    wenn bei hover der Punkt bleiben soll, auch hier

    Code
    div.widget ul li:hover, div.widget ul li.sfhover {
        border-left: 0 solid #000000;
        [COLOR="#FF0000"]display: block;[/COLOR]
        width: auto;
    }


    das "display: block;" entfernen

    Einmal editiert, zuletzt von Tutrix (1. Juli 2012 um 18:14)

  • du kannst das Menü noch etwas nach links rücken, wenn du willst

    z.B. 20px

    Code
    div.widget ul, div.textwidget ul {
        margin-left: -20px;
    }

Jetzt mitmachen!

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