«

Is there an easy way for me to set different colors for my text and
bullets in an unordered list? The only thing I can think of is to
define a style for UL that sets the foreground to one color, then on
the next line do a SPAN or something like that for the text whose
color has to be different.




Eric Pinnell

(Author, "Claws of The Dragon", "The Omega File")

For a preview, see: http://www.ericpinnell.com and click on "books"

Eric Pinnell wrote:

> Is there an easy way for me to set different colors for my text and
> bullets in an unordered list? The only thing I can think of is to
> define a style for UL that sets the foreground to one color, then on
> the next line do a SPAN or something like that for the text whose
> color has to be different.

Sure. Set up a different class for each color of text.
<ul class="red">
<ul class="blue">
<ul class="white">



> Eric Pinnell

> (Author, "Claws of The Dragon", "The Omega File")

> For a preview, see: http://www.ericpinnell.com and click on "books"

Eric Pinnell <see my web site> wrote:

> Is there an easy way for me to set different colors for my text and
> bullets in an unordered list?

Create an image of a colored bullet and use list-style-image in CSS.

> The only thing I can think of is to
> define a style for UL that sets the foreground to one color, then on
> the next line do a SPAN or something like that for the text whose
> color has to be different.

Yes, that's the other alternative - I don't think there are other
possibilities. (The list bullet is conceptually part of the <li>
element, so the only way to make it have a color different from the
list item text is to wrap that text inside an auxiliary element.)

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

"Richard" <anonymous@127.000> wrote:
> Eric Pinnell wrote:
>
> > Is there an easy way for me to set different colors for my text and
> > bullets in an unordered list? The only thing I can think of is to
> > define a style for UL that sets the foreground to one color, then on
> > the next line do a SPAN or something like that for the text whose
> > color has to be different.

Correct, it's either that or using a graphic for the bullet (i.e.
list-style-image property).

>Sure. Set up a different class for each color of text.
><ul class="red">
><ul class="blue">
><ul class="white">

And this makes the text a different colourt to the bullets how?

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <> <http://steve.pugh.net/>

On Thu, 26 Feb 2004 12:52:14 -0600, "Richard" <anonymous@127.000>
wrote:


>Sure. Set up a different class for each color of text.
><ul class="red">
><ul class="blue">
><ul class="white">

That's not what I mean. What I want is to have the bullet be one
color and the text another color on the same line. If I have a link, I
can get away with it, since the link can be defined as a different
color than the foreground color used by the bullet. What happens,
though, if there's text instead of a link?


Eric Pinnell

(Author, "Claws of The Dragon", "The Omega File")

For a preview, see: http://www.ericpinnell.com and click on "books"

"Eric Pinnell" <see my web site> wrote in message news:...
| Is there an easy way for me to set different colors for my text and
| bullets in an unordered list? The only thing I can think of is to
| define a style for UL that sets the foreground to one color, then on
| the next line do a SPAN or something like that for the text whose
| color has to be different.

have u tried using images as ur bullet points?

ul {
list-style-image: url(images/bullet.gif);
}
---------------------------------------------------
Hung Diep
New Media Designer
www.intro-spect.co.uk
0795 6576 319