Because placement of one object, is independent of all others, a means of easily adjusting each overlay's position in relation to others is needed. The developer must have a way to adjust object placement, and view the result, on the active page.
By employing a Position Control Panel, the developer can easily access the position of each DIV, adjusting the location any object at any time, record its placement, and use the recorded values for TOP and LEFT parameters of the STYLE for each DIV.
To implement this Position Control Panel on your site:
1. Create and position each DIV with estimated values of TOP and LEFT.
2. Place the adjust() function within each DIV where position adjustment is desired.
3. Insert all source code listed under Position Control Panel within this HTML page.
4. Click on an image to activate the Position Control Panel. The panel
will display the current TOP and LEFT parameters of the associated DIV. The increment
value may be changed, depending on the sensitivity of each adjustment click.
Adjust the image to a desired location, making a note of the values for use in final the design positions.
Note: The Position Control Panel may be dragged to any location on the page. (Netscape requires a Refresh to fully
display the text areas)
5. After page development is completed, delete the adjust() functions and Position Control Panel source.