
614
Part III
Adding Advanced Design Features
Nested unordered lists exhibit a cool feature in most browsers—they automatically
change the list style for each level. In many browsers, the outermost level is displayed
with a bullet, the second level with a circle, and the third level with a square. This feature provides
automatic outlining from an unexpected source! For ordered lists, the style of indented items does not
change automatically.
FIGURE 15-15
Dreamweaver automatically generates the code necessary to build nested lists when you use the Indent button
on the Text Property inspector.
3. Go to the List Properties dialog box and select another list type or style, as described in
preceding sections.
You can unnest your list and reverse the effects of the Indent button by clicking the
Outdent button in the Text Property inspector or by choosing Text
➪ Outdent. Be careful,
however, when selecting your text for this operation. When you use the mouse to perform a click-and-
drag selection, Dreamweaver tends to grab the closing list item tag above your intended selection. A bet-
ter way to highlight the text in this case is to use the Tag Selector on the status bar. Place the cursor in the
indented list you want to outdent and choose the innermost <ol> or <ul> tag from the Tag Selector.
82523c15.indd 614 2/19/09 9:13:31 AM