Dreamweaver

Edit div tags

After you insert a div tag, you can manipulate it or add content to it.

Note: Div tags that are absolutely positioned become AP elements.

When you assign borders to div tags, or when you have CSS Layout Outlines selected, they have visible borders. (CSS Layout Outlines is selected by default in the View > Visual Aids menu.) When you move the pointer over a div tag, Dreamweaver highlights the tag. You can change the highlight color or disable highlighting.

When you select a div tag, you can view and edit rules for it in the CSS Styles panel. You can also add content to the div tag by simply placing your insertion point inside the div tag, and then adding content just as you would add content to a page.

View and edit rules applied to a div tag

  1. Do one of the following to select the div tag:

    • Click the border of the div tag.

      Look for the highlighting to see the border.

    • Click inside the div tag, and press Control+A (Windows) or Command+A (Macintosh) twice.

    • Click inside the div tag, then select the div tag from the tag selector at the bottom of the Document window.

  2. Select Window > CSS Styles to open the CSS Styles panel if it is not already open.

    Rules applied to the div tag appear in the panel.

  3. Make edits as necessary.

Place the insertion point in a div tag to add content

 Click anywhere inside the tag’s borders.

Change the placeholder text in a div tag

 Select the text, and then type over it or press Delete.
Note: You can add content to the div tag just as you would add content to a page.