Bullet - farge skal ikke være samme som tekst

[Tonny Kluften]

PM for URL.
Under "siste artikler" er det bullets som er svarte. Jeg vil ha de i en annen farge samtidig som teksten skal være svart slik den er nå. Hvordan kan jeg gjøre det?

 

[picxx]

Sette inn ett bilde på list-style-image: none ?
evt. lage en ny klasse du bruker kun på de du vil ha farge på hvor du setter inn et bilde.
(kanskje....jeg stinker på css, men firebug er jo en kul utvidelse..)

 

[hansson]

Lag en ny css-klasse for "widget li" og legg inn f.eks

background: transparent url(images/bullet.png) center left;
padding-left: 20 px; (justeres slik du vil ha det)
list-style:none;

bullet.png kan være et hvilket som helst lite bilde, f.eks en "checkmark" eller en farget firkant.

 

[Tonny Kluften]

Veldig bra picxx. list-style-image ble perfekt:

list-style-image:url(images/li-bilde.png);
list-style-type:square;

Takk til hansson også, prøver ikke den nå, men fungerer nok helt som den skal.

 

[Bjørnar]

CSS:

<style type="text/css">
#navlist li { list-style-type: circle; }
.litext { color: blue; }
</style>

HTML:

<li><span class="litext">Item</span></li>

så slipper du å bruke bilder.

 

[Tonny Kluften]

Hei Bjørnar.
Vil ikke sirkelen og teksten få samme farge med det eksempelet der?

 

[Bjørnar]

så lenge du har en default farge som IKKE er "blue", eller setter en annen farge i #navlist li, så skal det bli to forskjellige farger.

 

[Tonny Kluften]

Ja, klart. Takk.