customizing unordered lists

[laredotornado]

Hi,

On both Firefox and IE, how can I replace the bullets before unordered
list items, with double arrows ">>" throughout my site?

Thanks, - Dave

[Ben C]

On 2006-12-20, la***********@zipmail.com <la***********@zipmail.comwrote:

Hi,

On both Firefox and IE, how can I replace the bullets before unordered
list items, with double arrows ">>" throughout my site?

Thanks, - Dave

You can use the list-style and list-style image properties to use an
image (gif etc.), which could resemble ">>". If you want actual text in
the current font, you can use the :before pseudo like this:

ul li
{
display: block;
}

ul li:before
{
content: ">>";
}

This corresponds to a list item marker with list-style-position: inside.

Don't know how much of this works in IE.

[laredotornado]

Thanks but sadly this doesn't work on IE. -

Ben C wrote:

On 2006-12-20, la***********@zipmail.com <la***********@zipmail.comwrote:

Hi,

On both Firefox and IE, how can I replace the bullets before unordered
list items, with double arrows ">>" throughout my site?

Thanks, - Dave

You can use the list-style and list-style image properties to use an
image (gif etc.), which could resemble ">>". If you want actual text in
the current font, you can use the :before pseudo like this:

ul li
{
display: block;
}

ul li:before
{
content: ">>";
}

This corresponds to a list item marker with list-style-position: inside.

Don't know how much of this works in IE.

[Jukka K. Korpela]

Scripsit la***********@zipmail.com:

Thanks but sadly this doesn't work on IE. -

I almost considered answering and then saw you do upside-down fullquoting.

Oh well, I might as well answer a little. No, you can't specify the list
markers as characters, in a way that works reasonably. Besides, ">>" is not
a double arrow but two greater than signs.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/