Grafik hinter jedem Listenelement

    Hallo,

    ich habe eine Liste aus <li>-Elementen und möchte hinter jedem Listeneintrag ein kleines Bild anhängen, hier speziell einen kleinen grünen haken.

    HTML
    <ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
</ul>

    Wie mache ich das jetzt mit CSS ?

    • Gerade eben
    • 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

    danke für die Antwort...

    ich habe es jetzt etwas eleganter mit CSS erledigt.

    HTML
    .text-block ul li {  background: url(www.meinetolleurl/haken.png) no-repeat top left;  padding : 7px 0 7px 20px;   background-position : 0 13px;}
.text-block ul {     list-style : none;   padding: 0.9%;}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden