Div elements
A Div element, also called a Box, is a Design element, used to surround other elements to style them or place them in specific locations. For more information on boxes, please see Boxes.
When adding a <div> element to the template from the Insert-> Structural Elements -> Div... menu item, the following options appear:
- General group:
- ID: A unique identifier for the inserted element. Used for CSS selections as well as JavaScript expressions affecting single elements.
- Class: One or more classes that can be common to more than one elements. Used for CSS selections and JavaScript expressions that can affect multiple elements.
- Insertion Point group:
- Location: Use the drop-down to select where the element will be inserted.
- At cursor position: The element is inserted where the cursor is located in the template.
- Before element: The element is inserted before the current element where the cursor is located. For example if the cursor is within a paragraph, insertion occurs before the <p> tag.
- After start tag: The element is inserted within the current element, at the beginning, just after the start tag.
- Before end tag: The element is inserted within the current element, at the end, just before the end tag.
- After element: The element is inserted after the current element where the cursor is located. For example if the cursor is within a paragraph, insertion occurs after the <p> tag.
- Elements: Use the drop-down to select which element is used for the insertion location. The list displays every element in the breadcrumbs, from the current selection point until the root of the body.