CSS Help

Danger Phoenix · 7 Sep 2010 at 14:47

I am trying to do a bullet list style in CSS, but I want to use a custom bullet point with unicode x2E. Is this possible with CSS using something like:

{list-style-type:circle}

where circle is the x2E?

Note that I can only use CSS and no HTML or Javascript.

FabienO · 7 Sep 2010 at 14:56

dunno wtf x2E is but custom bullet points can be done though an image that doesn't repeat, set to the left and then pad it out.

GravyMonster · 7 Sep 2010 at 15:00

Check out this link: http://www.alistapart.com/articles/taminglists/

Not sure what you mean by the x2E character, but you'll need to specify the character you want to use with it's hex code, which you can get here

d_brennen · 7 Sep 2010 at 15:02

Every time i see these threads I get a bit excited thinking of a bit of a one on one sparing session... Alas Counter Strike: Source is my only understanding of CSS

Danger Phoenix · 7 Sep 2010 at 15:46

x2E is the unicode value for the bullet point I want to use...

simisker · 7 Sep 2010 at 16:18

Not tested it yet, but I'm wondering if you could specify no list style type, and then use the :before pseudo-selector - with content: "unicode character" - on your <li>s.

EDIT: ...as the ListApart article mentions

Compatibility with today's browsers is bound to have improved since that article was published, so maybe that's the route to take.