Inserting content blocks for layout

You can use div tags to position content blocks in your document. This is especially useful if you have an existing CSS style sheet with positioning styles attached to your document. Dreamweaver enables you to quickly insert a div tag and apply existing styles to it.

Note: You can use a Dreamweaver design file as a starting point for your CSS layout. Select a file from the Page Designs (CSS) category of the New Document dialog box (see Creating a document based on a Dreamweaver design file).

To insert a div tag:

1. In the Document window, place the insertion point where you want the div tag to appear.
2. Do one of the following:
   • Select Insert > Layout Objects > Div Tag.
   • In the Layout category of the Insert bar, click the Div Tag button.
     
     

   The Insert Div Tag dialog box appears.

   
   
   

3. Complete the dialog box.

   For more information, see Setting the Insert Div Tag dialog box options.

4. Click OK.

   The div tag appears as a box in your document with placeholder text. When you move the pointer over the box, Dreamweaver highlights it.

If the div tag is absolutely or relatively positioned, it acts like a Dreamweaver layer. For information about working with layers, see Setting layer preferences and properties, Managing layers, or Manipulating layers.

For information about working with div tags that aren't absolutely or relatively positioned, see Working with content blocks for layout.

Related topics

• Changing highlight color for content blocks
• Working with content blocks for layout