<li> Tag farbig darstellen?

  • Hallo Zeta Team,

    hat jemand eine Idee an welcher Stelle im stylesheet ich die Aufzählungszeichen entweder als Grafik darstellen kann oder farbig ? Wenn ich im stylesheet den Bereich für die Aufzählungsformatierung mit z.B. color:red definiere, bekomme ich auch die Schrift in rot. Es soll jedoch nur der Punkt in rot dargestellt werden und nicht die Schrift.

    Idee?

    VG Ronny

  • Hallo Ronny,

    versuche es mal so:

    <ul>
    <li style="color : red"><div style="color : black">mein Text 1</div></li>
    <li style="color : green"><div style="color : black">mein Text 2</div></li>
    <li style="color : blue"><div style="color : black">mein Text 3</div></li>
    </ul>

    PS: schau mal hier:
    Grundlagen Layout

    Gruß Rico

  • Danke Rico,

    genau das wolllte ich ja vermeiden. Ich wollte das default Layout verändern. Mit den Einstellungen kann ich das als HTML ja jederzeit einfügen, das ist jedoch icht mein Problem ;)

    Trotzdem Thanks für die Antwort

    Gruss Ronny

  • Hallo Ronny,

    wenn es allerdings nur auf einer Seite so dargestellt werden soll, wie Du es oben beschrieben hast, dann würde ich in den Grundeinstellungen nichts verändern.
    Eher würde ich diesen oben benannten Code von mir an die dementsprechende Stelle einfügen.

    Gruß Rico

  • Hallo,

    die Trennung von Farbe des Liststyle und dem Text ist leider nicht so einfach möglich, jedoch könntest du eine Grafik im CSS einfügen:

    ul li {
    ......
    list-style-image:url(blanktile.png); ---- anstatt list-style:
    }

    Die Datei blanktile.png ist das Symbol für die Aufzählung und muss im Ordner _media liegen.

    Gruß Robert

Jetzt mitmachen!

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