using asterisk as list bullet

how can i use an asterisk as a list bullet w/o making it an image

#278367

I'm not certain it's possible, or, if it is, widely supported.

Here are the different list-style-type s:

disc

circle

square

decimal

And then you have a bunch of languages, like Roman and Greek. Is there anything on W3C?

-NC

#278372

nope

The message you have entered is too short. Please lengthen your message to at least 10 characters.

#278381

It its possible. with some CSS, but: it won't work with IE

first, hide the list-item-bullet:

ul > li, ol > li{

	list-style-type:none;

	list-style-position:inside;}

then ad a new symbol in front of the list-item:

ul > li:before, ol > li:before{

	content:"*  ";}

Note: Since the ":before" isn't supported in IE, you have to hide the first block (which sets the list-style-type to none) from it to be sure there will be anything, which looks like a list-item.

I use a CSS-hack for it: the ">"-selector is also not supported by IE, so it ignores everything behind that.

this means:

IE shows normal list-items

FF shows "*" as listitems (without the quotes)

Hope that helps you

#278472

Ooh, interesting solution. I knew of the :before and :after psuedo-classes, but I've never really realized how useful they can be.

Thanks pichfl!

-NC

#278573

then ad a new symbol in front of the list-item:

ul > li:before, ol > li:before{

	content:"*  ";}

Rather than using spaces, you could just apply a right margin/padding to the :before pseudo-element, or a left padding (I believe?) to the main element...

#279664

spaces dont' work anyways

#279665

spaces dont' work anyways

I didn't think they would (and if they did, it's purely coincidence - if I'm not mistaken, the CSS spec says that trailing (and leading?) spaces should be ignored...

I'd check, but I really can't be bothered right now.

Maybe I'll do it in the morning and update then.

#279666

well, the space was included by mistake

yes, you should use padding, but I was lazy.

#279677