A super simple stack that gives users control over container element positioning.
A knowledge of CSS is helpful, but not necessary. The concept of positioning is very simple to understand and explained in our tutorial section - also described below.
You can then place any other stack inside of Simple Position.
A knowledge of CSS is helpful, but not necessary. The concept of positioning is very simple to understand and explained in our tutorial section - also described below.
You can then place any other stack inside of Simple Position.
FREE Version
- Position: Relative, Absolute, Fixed, Static, Inherit. Absolutely positioned elements will display as they relate to "Relatively" positioned elements. Fixed elements will display outside of all elements. Note, you can place an absolutely positioned Simple Position stack into a relatively placed Simple Position stack.
- Vertical Position: Top, Bottom. Places the object in the vertical starting point - the distance is then controlled with the values below.
- Horizontal Position: Left, Right. Places the object in the horizontal starting point - the distance is then controlled with the values below.
- Vertical Value & Horizontal Value. The pixel distance from the vertical and horizontal positions selected.
- Z Index. The Z plane value, which is an arbitrary value only weighted according to other Z Indexes and controls the distance above/below other absolutely or fixed elements.
- Control Size. Width and Height are inherited by default, though you can control these further by selecting the checkbox as shown on the right.
- Width & Height. These are pixel values for the element and only work if the Control Size option is selected.
PRO Version
- Vertical/Horizontal Positioning in Percentages. When using Absolute & Fixed positioning you can now use percentages instead of pixels.
- Width/Height Positioning in Percentages. When choosing the size of your container you can use percentages instead of pixels.
- Force Vertical/Horizontal Center. On page load Simple Position Pro will become perfectly centered vertically, horizontally, or both.
- Hide on Click. Hides the stack once it's clicked (you can still place a link on it).
(Project file included)
For more control be sure to check out Control Panel
This page powered by:
