W3C home > Mailing lists > Public > www-style@w3.org > April 1997

colours for bullets - this one is simple, works, & addresses the question

From: Gordon Blackstock <gordon@quartz.gly.fsu.edu>
Date: Mon, 14 Apr 1997 18:22:34 -0700
Message-Id: <199704150122.BAA02721@quartz.gly.fsu.edu>
To: "Dan Connolly" <connolly@w3.org>, "Christopher Kho" <coop2e82@nortel.ca>
Cc: <www-style@w3.org>
I currently use this in one of my external style sheets:

ol    { color: IndianRed; }    /* specify text color */
li    { color: Orange; }         /* specify bullet color */

The following code gives Orange markers and IndianRed text.

<ol>
<li></li> A style sheet is composed of rules, i.e., p { color: Indigo;
text-indent: 18pt;}.
<li></li> Rules are composed of selectors and declarations, i.e.,
<ol type=alpha>
<li></li> p [a selector] and 
<li></li> { color: Indigo; text-indent: 18pt;} [two declarations]. 
</ol>
<li></li> Declarations are composed of properties and values, i.e., 
<ol type=alpha>
<li></li> color [a property] and 
<li></li> Indigo [a value]. 
</ol>
</ol>

The trick to color separation is in closing the LI element. If it's left
unclosed, then the LI color will take precedence over the OL color and the
entire line is Orange.

BTW, this works in IE3.02 and in NN4.0b3. The exception is that the NN beta
does not implement inheritance very well yet! The placement I'm using is
within a pair of paragraph elements, but NN falls back to the body margins
for list placement. If interested, this page can be viewed at
http://gordon.diginsite.com/css/css_info.html  (go easy on your review of
this material as it is intended for the company intranet !).

enjoy,
gordon
gordon@gly.fsu.edu 

----------
> From: Dan Connolly <connolly@w3.org>
> To: Christopher Kho <coop2e82@nortel.ca>
> Cc: www-html@w3.org; www-style@w3.org
> Subject: Re: colours for bullets
> Date: Monday, April 14, 1997 8:47 AM
> 
> Christopher Kho wrote:
> > 
> > Hey everyone. Is there a way to change the colour of a bullet for an LI
in
> > an unordered list without having to use GIFs as a substitute?
> 
> Not in HTML, but you should be able to do this with stylesheets.
> 
> [follow-ups to www-style, please]
> 
> See:
> http://www.w3.org/pub/WWW/TR/REC-CSS1#list-style
> 
> Hmmm... it's not clear to me that the color of the 'disc' can
> be specified in CSS1.
> 
> Can anybody come up with actual syntax that works?
> 
> -- 
> Dan Connolly, W3C Architecture Domain Lead
> <connolly@w3.org> +1 512 310-2971
> http://www.w3.org/People/Connolly/
> PGP:EDF8 A8E4 F3BB 0F3C FD1B 7BE0 716C FF21
> 
Received on Monday, 14 April 1997 21:23:09 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:53:49 GMT