Setting Custom Bullets in UL?

B

Bill

How do I use CSS to set the bullet style of <UL> to any ASCII character in an unordered
list?

I know that "list-style-type" will let me set the bullet to disc, square, or circle, but
what if I want to set it to, say, the dash "-" character (not an image)?

Thanks!
 
C

Chris Leeds, MVP-FrontPage

I don't know if you can use just _any_ character but you can easily use an
image inplace of the characters with some css like this:
#content li {
font-family: "Courier New", Courier, monospace;
font-size: 14pt;
font-weight: bold;
list-style: none;
list-style-image: url("../images/seed-bullet.gif");
}

#content li li {
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
line-height: 1.5em;
list-style: none;
list-style-image: url("../images/seed-bullet-bullet.gif");
text-decoration: none;
}

Which you can see in action here: http://contentseed.com/requirements.asp

--
Chris Leeds,
Microsoft MVP-FrontPage

If you make web sites for other people, you should check out ContentSeed:
http://contentseed.com/
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top