beautypg.com

Insert elements directly in live view – Adobe Dreamweaver CC 2015 User Manual

Page 269

background image

262

Page content and assets

Last updated 6/3/2015

Insert elements directly in Live View

Using the Insert panel, you can directly drag elements into the required position in the document in Live View. Visual
aids in Live View such as Live Guides and DOM icons help you position the dragged elements with respect to a hovered
element.

Live Guides (in green) appear as you hover the mouse over different elements on the page before dropping the element.
These guides indicate the positions where the element can be inserted. They can appear above, below, left, or to the
right of the element that is hovered over.

Above and Below - Appears while hovering over all types of elements/tags, except inline tags. When you hover the

mouse in the first (top) 50% of the element, guides appear above the hovered element. When you hover the mouse
in the last (bottom) 50% of the element, guides appear below the hovered element.

Left and Right - Appears while hovering over inline tags, for example, , , or over tags that have the 'float

property' set.