You can position elements on a page by setting their CSS-based properties in CSS Properties panel or the Positioning Toolbar. The Quick Tag Selector menu also has the Positioning option to help you quickly and precisely set the positioning style for a tag. Here we will explore the Positioning Toolbar.
Positioning toolbar can be made visible by right clicking on any toolbar and choosing Positioning from the menu. The toolbar looks like:
Let us explore each of these options:
1. Position Property button: Lets you set the position of the current element to absolute, fixed, relative, static or None.
2. Left, Top, Right and Bottom values: Use to position an element relative to its containing element.
3. Width and Height values: Use to set the dimensions.
4. Z-Index: To set the z-index of an element.
5. Bring Forward: To bring an element forward in the z-axis order by increasing its z-index value by 1.
6. Send Backward: To move the element behind in the z-axis order by decreasing its z-index value by 1.
Filed Under: Expression Web
About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke