Maddog's HTML for Real People Chapter 8, Lesson 3


[INDEX] Ch 8, L 3 - Specifying Bullet Type in Lists

If you already know how to specify alternate bullet types for unordered lists, you can skip this lesson.

As I mentioned, some browsers automatically assign a different "bullet" type for each level of nested list, while others assign the default (usually a solid dot) regardless of the list.

More advanced browsers give us control over what type of bullet is displayed. In HTML, we can specify the 'TYPE' attribute in the opening <UL> tag to control what type of bullet will be used:

<UL TYPE="bullet-type-value">

There are three 'TYPE' values allowed:

"CIRCLE" (hollow circle);
"DISC" (solid dot);
"SQUARE" (solid square).

Let's demonstrate their use:

HTML Source Code Follows:

<UL TYPE="CIRCLE">
<B><I>Everything</I> I Like to Eat</B> <BR>
<LI>cookies
<LI>potatoes
<LI>hominy grits (NOT!)
</UL>
<UL TYPE="DISC">
<B>What My Son Likes to Eat</B> <BR>
<LI>rice cakes
<LI>garden burgers
<LI>sprout sandwiches
</UL>
<UL TYPE="SQUARE">
<B>What My Dog Likes to Eat</B> <BR>
<LI>dog biscuits
<LI>people food
<LI>wingtips
</UL>
(End of HTML Source Code)

Demonstration Follows:

(Demonstration Ends)

As you can see, it's easy to specify explicitly what type of bullet we want the browser to use. Isn't it nice to be in control? (yeah, right...)


-PREVIOUS- -CHAPTER- -INDEX- -NEXT-

Overseer: Monty Northrup ... maddog@io.com ... leave e-mail ...
...to maddog 'n' miracles homepage...