farbe wechseln

[erdmulch]

hallo zusammen, ich würde gerne eine Aufzählung machen die wie folgt aussieht

• äpfel
• birnen
• bananen

Allerdings würde ich statt den Standard Aufzälungspunkten, grüne und vor allem größere nehmen die beim anklicken auf rot wechseln ist sowas überhaupt möglich? wenn ja wie danke im voraus

 

[threadi]

Ich würde dafür die Listenpunkte komplett ausblenden und Hintergrundgrafiken per CSS setzen.

Moderation: CSS ist auch Thema deiner Anfrage (denn es geht um Gestaltung), also habe ich das Topic gleich mal dorthin geschoben.

 

[corXy]

 {list-style-image:url(grüner-punkt.gif);}

und

:hover {list-style-image:url(roter-punkt.gif);}

 

[threadi]

Klar, geht auch so - lässt sich nur in verschiedenen Browsern nicht einheitlich positionieren. Ein Hintergrundbild schon ;)

 

[bodil]

Die Textfarbe, die du dem li-Element zuweist ist jene, die für den Punkt vor dem Listenelement eingesetzt wird. Wenn der Text dahinter eine andere Farbe haben soll, musst du den Text in ein Span setzen und so eine Farbe zuweisen. Etwa so:

<style>
    li {
        color:#cc0000;    
    }
    li:hover {
        color:#00cc00;    
    }
    span {
        color:#333333;    
    }
</style>

    <ul>
        <li><span>Banane</span></li>
        <li><span>Birne</span></li>
    </ul>

 

[Tronjer]

Den Bullet gibt es übrigens als HTML und Unicode.

SELFHTML: HTML/XHTML / Referenz /HTML-Zeichenreferenz

Mit dem Pseudoelement :before oder in einem <span> verpackt lässt er sich auch ansprechen und stylen.

 

[bodil]

Den Bullet gibt es übrigens als HTML und Unicode.

Ich glaube, ich habe dein Post nicht verstanden. Ist eine Liste nicht mehr als Text hinter nem Bullet?

 

[Tronjer]

Er wollte doch die Bullets separat haben, um sie stylen zu können.