In Page view of the HTML editor, you can use absolute positioning to place HTML controls anywhere on the 2D space of your page.
The z-index style attribute of a new absolutely positioned element is initially set higher than all other absolutely positioned elements in its document or container. As a result, that element will display in front of older absolutely positioned elements.
In addition, the new element's z-index always begins as a positive value, causing that element to display in front of the HTML (1D) stream of the page. (Absolutely positioned elements with a negative z-index display behind the HTML stream.)
To toggle from static positioning to absolute
positioning:
Select a control in Page view by clicking its outside edge.
The control should now display a dotted border. (If you see a slashed border, click that border to make it dotted.)
Select Position>Use Absolute Positioning from the menu bar
or
Right-click the dotted border and select Position>Use Absolute Positioning from the pop-up menu.
Drag the control anywhere you want on the page.
To toggle from absolute positioning to static
positioning:
Select a control in Page view by clicking its outside edge.
The control should now display a dotted border. (If you see a slashed border, click that border to make it dotted.)
Select Position>Use Absolute Positioning from the menu bar
or
Right-click the dotted border and select Position>Use Absolute Positioning from the pop-up menu.
The control automatically moves from its absolute position to its position within the HTML stream of the page.
