« Apple Introduces G4 iBooks | Main | DRK 5 Released »
October 23, 2003
Customizing Unordered Lists
I occasionally see people on lists and forums asking how they can customize bulleted lists. This is about all you need to know:
.disc {list-style:disc}
- this is
- a disc
.square{list-style:square}
- this is
- a square
.circle {list-style:circle}
- this is
- a circle
.image {list-style-image:url(http://www.markme.com/cantrell/images/mm_bullet.gif)}
- these are
- custom bullets
Posted by cantrell at October 23, 2003 3:12 PM
Comments
list-style-image places the image differently on different browsers. It's better to use non-repeating background image:
li {
list-style: none;
background: url(img.gif) no-repeat left center;
}
Posted by: E at October 23, 2003 3:22 PM
Check out "Taming Lists" on ALA:
Posted by: Jim at October 23, 2003 4:32 PM
And don't forget the type attribute of the tag itself.
Disco Duck
Posted by: Bryan F. Hogan at October 23, 2003 4:56 PM
You can go a few steps further:
http://css.maxdesign.com.au/listutorial/
Posted by: Massimo Foti at October 23, 2003 5:16 PM
Where are my posters?
-Greg
Posted by: Gregory Cerveny at October 27, 2003 1:29 PM