[CSS]gekleurde bullets in list

[Anoniem: 28161]

Is het mogelijk om (dmv CSS) je bullets een kleurtje te geven? Een andere dan de tekst? Ik weet wel dat ik de kleur van mijn LI in de stylesheet op rood kan zetten en dan met <font color="Black">text</font> de tekst toch zwart krijg, maar vroeg me af of ik ook alleen de bullets een kleurtje kan geven dmv CSS?

[Dennis]

Gebruik alsjeblieft <span> ipv <font>

[RM-rf]

nee, anders dan LI { color: red; } (waarmee je ok de fontcolor specificeert) ddat dat niet;

een list-item kent drie properties list-style-position: inline|outside, list-style-image: url(), en list-style-type: dot|square|..etc|none

eventueel kun je met een liststyle-image een gekleurde afbeelding gebruiken, maar verder is er weinig mogelijk

[Anoniem: 28161]

Op donderdag 14 februari 2002 15:37 schreef RM-rf het volgende:
nee, anders dan LI { color: red; } (waarmee je ok de fontcolor specificeert) ddat dat niet;

een list-item kent drie properties list-style-position: inline|outside, list-style-image: url(), en list-style-type: dot|square|..etc|none

eventueel kun je met een liststyle-image een gekleurde afbeelding gebruiken, maar verder is er weinig mogelijk

ok, thanx, dit waren ook de enigen die ik wist...

[Anoniem: 28161]

Op donderdag 14 februari 2002 15:32 schreef ddc het volgende:
Gebruik alsjeblieft <span> ipv <font>

ja, baas... ik heb dit ff snel neergezet. Ik gebruik bijv. ook liever kleurcodes ipv voorgedefinieerde kleuren...

[Anoniem: 41451]

code:

<li style="color: Aqua;"><span style="color: Black;">1</span></li>

Dit evt. vervangen door classes..

[Dennis]

Op donderdag 14 februari 2002 16:02 schreef TrashNSk8 het volgende:
Ik gebruik bijv. ook liever kleurcodes ipv voorgedefinieerde kleuren...

Idd, doe ik ook altijd.
Goed bezig

[drm]

partyganger:

code:

<li style="color: Aqua;"><span style="color: Black;">1</span></li>

Dit evt. vervangen door classes..

idd, dit lijkt me een goeie oplossing. Evt kun je het zelfs zo oplossen:

code:

/* css */
ul.blauw li {
   color:#0000ff;
}

ul.blauw li span {
   color:#000000;
}

<!-- html -->
<ul class="blauw">
   <li><span>text1</span></li>
   <li><span>text2</span></li>
   <li><span>text3</span></li>
</ul>

[Dennis]

Op donderdag 14 februari 2002 17:34 schreef drm het volgende:
idd, dit lijkt me een goeie oplossing. Evt kun je het zelfs zo oplossen:

Jaaaaaa, CSS2