Converting Existing Content to Lists

Contact Us or call 1-877-932-8228
Converting Existing Content to Lists

Converting Existing Content to Lists

Converting existing content to lists in Dreamweaver can be tricky. The easiest way to see this is to illustrate with an example. Our end goal is a list that looks like this:

  1. Open ClassFiles/Dreamweaver/Exercises/groceries.html in Dreamweaver.
  2. Open ClassFiles/Dreamweaver/Exercises/groceries.txt and copy and paste its entire content into groceries.html:
  3. Highlight everything you just pasted in and click the Ordered List icon in the Properties Inspector:
  4. Now we want to turn the actual food items into sublists. Highlight the three fruit items like this: And press Tab.
  5. That didn't work, did it? Your list probably looks like this:
  6. Undo using Edit > Undo Indent or by pressing CTRL+Z.

Here's the problem: those breaks that move the names of the food items to the next lines are line breaks not new paragraphs. The content that comes after them (i.e, the fruit item names) are considered part of the "Fruit" list item. So you cannot indent the individual items without indenting the "Fruit" list item as well.

The solution is to delete the line breaks:

  1. Place the cursor immediately before the letter "A" in "Apples" and press Backspace until "Apples" is on the same line as "Fruit":
  2. Press Enter to create a new list item:
  3. Do the same thing with "Pears" and "Bananas" and then highlight all three fruit:
  4. Press Tab. That should have worked:
  5. Now we can covert the sublist to an unordered list by highlighting all three fruit names and clicking the Unordered List icon in the Properties Inspector:

Watch as your instructor repeats this for the "Meat" and "Dairy" list items.

When working with nested lists, if things get messed up, usually the easiest thing is to get rid of the list and start over. To remove a list, highlight the whole thing and click the relevant list icon in the Properties Inspector.

Next