This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

Adobe Dreamweaver CS3

Bulleted & Numbered List Basics

Lists are an effective way to separate topics or data from the rest of the document. The most popular types of lists are bulleted and numbered.

  • This is an example of an item in an unordered (bulleted) list. Note that when the text wraps, it does not wrap all the way to the bullet, but only to where the first line of text began.
  1. This is an example of an item in an ordered (numbered) list.
    Again, text only wraps to the first line of text, not the number.

In Dreamweaver, working with either type of list is essentially the same. The lists are referred to as follows:

Ordered List
This is the term for a numbered list.

Unordered List
This is the term for a bulleted list.

This document introduces bulleted and numbered lists and explains how to create lists, remove lists, and use sublists.

return to topCreating Lists

When creating a list, you can either type the list and then make it bulleted/numbered or make the bulleted/numbered items as you type.

Creating a List of Items: Text Already Typed

  1. Select the items to be in the list
    NOTE: To create separate, individual list items, items must be separated by paragraph breaks (<p>, </p>), not line breaks (br/).

  2. From the Insert menu, select HTML » Text Objects » Unordered List or Ordered List
    OR
    In the Text Properties pane, click the appropriate buttonUnordered and ordered list buttons
    NOTES:
    Unordered List is the button located on the left-hand side and Ordered List is the button located on the right-hand side.
    These buttons act like toggle switches. Clicking once turns them on; clicking a second time turns them off.

Creating a List of Items: Text to be Typed

  1. Set your insertion point where you would like the list to begin (this must be on a blank line)

  2. From the Insert menu, select HTML » Text Objects » Unordered List or Ordered List
    OR
    In the Text Properties pane, click the appropriate buttonUnordered and ordered list buttons
    NOTES:
    Unordered List is the button located on the left-hand side and Ordered List is the button located on the right-hand side.
    These buttons act like toggle switches. Clicking once turns them on; clicking a second time turns them off.

  3. Type the first entry in the list

  4. Press [Enter
    Another bullet or number will automatically appear.

  5. Type the next entry

  6. Repeat steps 4 and 5 until the list is complete

  7. Press [Enter] twice to create a blank line

return to topRemoving Bullets or Numbers

You may find that the bullets or numbers you have added are more distracting than simple lines of text; therefore, you may want to remove the bullets or numbers.

  1. To remove bullets or numbers from a single item in the list, place the cursor within that item
    OR
    To remove bullets or numbers from an entire list, select the entire list

  2. From the Insert menu, select HTML » Text Objects » Unordered List or Ordered List
    OR
    In the Text Properties pane, click the appropriate buttonUnordered and ordered list buttons
    NOTES:
    Unordered List is the button located on the left-hand side and Ordered List is the button located on the right-hand side.
    These buttons act like toggle switches. Clicking once turns them on; clicking a second time turns them off.
    If you remove a bullet or number from an item in the middle of a list, you will create two separate lists. One list will be before the item and one after.

return to topUsing Sublists

Sublists show logical connections between the items of the sublist and the main list. The example below shows a numbered list with a sublist. By placing Tutoring Needs and Job Placement Needs in a sublist below Student Needs, the author of the list shows these items to be especially applicable to students. See the following example:

  1. Student Needs
    1. Tutoring Needs
    2. Job Placement Needs
  2. Faculty/Staff Needs
  3. Community Needs

Creating a Sublist: Text Already Typed

  1. Select the list item(s) to be made into a sublist

  2. In the Text Properties pane, click TEXT INDENTText indent button
    The sublist numbers or bullets will appear.

  3. OPTIONAL: If you would like the sublist to have a different number style (e.g., a., b., c.)
    1. In the Text Properties pane, click LIST ITEM...
      The List Properties dialog box appears.
      List Properties dialog box
    2. From the Style pull-down list, select the appropriate list option
    3. Click OK

Creating a Sublist: Text to be Typed

These directions assume that you are typing a list and want to create a sublist.

  1. Place the insertion point under the bulleted item you would like to create a sublist for

  2. In the Text Properties pane, click TEXT INDENTText indent button
    The sublist number or bullet will appear.

  3. OPTIONAL: If you would like the sublist to have a different number style (e.g., a., b., c.)
    1. In the Text Properties pane, click LIST ITEM...
      The List Properties dialog box appears.
      List Properties dialog box
    2. From the Style pull-down list, select the appropriate list option
    3. Click OK

  4. Type the next entry in the sublist

  5. Press [Enter]
    Another sublist number or bullet will automatically appear.

  6. Repeat steps 3 and 4 until the sublist is complete

  7. To return to the main list, in the Text Properties pane, click TEXT OUTDENTText outdent button

  8. Continue typing the main list

Excellence. Our Measure. Our Motto. Our Goal.