Working with content blocks for layout

After you insert a div tag (see Inserting content blocks for layout), you can manipulate the content block or you can add content to it.

Note: Content block div tags that are absolutely or relatively positioned act like Dreamweaver layers. For information about working with these div tags, skip this section and see Setting layer preferences and properties, Managing layers, or Manipulating layers.

Content block div tags that are not absolutely or relatively positioned do not have visible borders, but when you move the pointer over a content block, Dreamweaver highlights the block (as long as it has a class, id, or style associated with it). To change the highlight color or turn highlighting off, see Changing highlight color for content blocks.

When you select a content block that is not absolutely or relatively positioned, you can view and edit rules for it in the Tag Inspector. You can add content to the block by simply placing your insertion point in the block, then adding content just as you would add content to a page.

To view and edit rules applied to a content block:

1. Do one of the following to select the div tag:
   • Click the border of the block.

   Tip: Look for the highlighting to see the border.

   • Click inside the block's borders, then select the div tag from the tag selector at the bottom of the Document window.
2. Select Window > Tag Inspector to open the Tag Inspector if it is not already open; then click the CSS tab if it is not already open.

   Rules applied to the div tag appear in the panel.

3. Make edits as necessary.

To place the insertion point in a block to add content:

• Click anywhere inside the block's borders.

To change the placeholder text in a content block:

• Select the text, then type over it or press the Delete key.

Note: You can add content to the block just as you would add content to a page.

Related topics

• Inserting content blocks for layout