6
Contributors
7
Replies
10
Views
10 Years
Discussion Span
Last Post by ko ko
0
li{
    content: "\00BB \0020";
}

Won't work in IE though. If you want it to be cross-browser use an image instead.

0

thanks. i tried doing that to an inline "li" didn't seem to work.

0

Hmm, how would it work in inline tags?

I have this:

<li style="content: '\00BB \0020';">

it doesn't seem to work.

0

Two methods I can think of.
You have the image property for Lists, and you have the background-image proprerty also.

li
{
list-style-image: url(yourimage.ext);
}

Or

li
{
list-style: none;
background-image : url(yourimage.ext);
}

Note, with the background-image method, you may need to apply a bit of padding to the list.

0

Hmm, how would it work in inline tags?

I have this:

<li style="content: '\00BB \0020';">

it doesn't seem to work.

Hi vexhawk, try this:

ul li:before { content: "\00BB \0020"; }

It works for me

0

The pseudo selector can't support in IE 6 and older. Using the background image must be more flexible and comfortable. I never used the pseudo selector for styling the elements.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.