Previous Message
Next Message

Re[3]: Diff. color bullet/number than text for <li>?

Sent by Antonio Bueno on 13 January 2005 21:09


Hello again, Drew.

> [...] I was hoping for a "pure" CSS approach so I didn't have to add
> to the markup just to get the color change.

Well, the background-image for "li" does not add markup. And if you
don't want to redo your image to change the color, you could do a
background image "with a hole".

Imagine your background color for <li> is white. A white .gif big
enough to cover your <li>, but with a transparent hole for the bullet,
would allow you to have (for example) blue text with red bullet with
li {
  background-image: url(holed.gif);
  background-position: center left;
  background-repeat: no-repeat;
  background-color: red;
  color: blue;
}

How about that? :)

The problem of course, is when people don't load images :(

Frankly, I'd go for the non-holed background.


-- 
Saludos,
 Antonio

http://www.mundoplus.tv/
Televisión por satélite en España

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: