Lists

Here are some examples how bullet images can be used in unordered lists.

Unordered list

In regular unordered lists as made with the <UL> tag the bullets that appear are browser specific. NCSA Mosaic has bullets that have a 3D look, other browsers stick to simple disc, circles and squares.

In text-only browsers like Lynx the regular unordered list is the only one that gets rendered correctly with indented word-wrapping. Because it doesn't support tables the advanced unordered list is rendered the same as the unordered list with image bullets. The CSS method also don't cause any problems in text-browsers.

Browser specific Bullet
Browser specific Bullet
Browser specific Bullet, this list will not allow wrapped text to be placed under the bullets, but will indent it. The whole list is also indented. This line is so long because is has to be able to word-wrap. I hope this is long enough for you.

Unordered list with image bullets

Image Bullet
Image Bullet
Image Bullet, this list will allow wrapped text to be placed under the bullets, and will not indent it. The whole list is also not indented. This line is so long because is has to be able to word-wrap. I hope this is long enough for you.

Advanced unordered list with image bullets

	Image Bullet
	Image Bullet
	Image Bullet, this list will not allow wrapped text to be placed under the bullets, but will indent it. The whole list can also be indented. This line is so long because is has to be able to word-wrap. I hope this is long enough for you.

Unordered list with CSS

This type has finally seen working as it should in IE5! This means that you can upgrade your plain unordered lists to these state-of-the-art bulleted lists in the blink of an eye using CSS, and conserve full backward compatibility as well. Opera 4 (beta 6) handles this CSS stuff really well.

CSS defined list-image
CSS defined list-image
CSS defined list-image, this list will not allow wrapped text to be placed under the bullets, but will indent it. The whole list is also indented. This line is so long because is has to be able to word-wrap. I hope this is long enough for you.