Common Attributes: Positioning

An object may be positioned using the positioning attributes left, right, top, bottom, horizontalCenter, and verticalCenter.

Attributes

Name Description
left Specifies the distance between the left edge of the object and the left edge of its container.
right Specifies the distance between the right edge of the object and the right edge of its container.
top Specifies the distance between the top edge of the object and the top edge of its container.
bottom Specifies the distance between the bottom edge of the object and the bottom edge of its container.
horizontalCenter Specifies the distance between the horizontal center of the object and the horizontal center of its container.
verticalCenter Specifies the distance between the vertical center of the object and the vertical center of its container.

Example

<?xml version="1.0"?>
<viewer xmlns="http://issuu.com/viewer/1.0" backgroundColor="#111111">
 
 <skin source="skins.swf"/>
 
 <image source="#Logo" left="10" top="20"/>
 
 ...
 
</viewer>

In the example above, the image is positioned 10 px. from the left edge of the Viewer and 20 px. from the top edge of the Viewer.

Containers

Positioning attributes may not make sense in all containers. For instance, the box container has its own layout rules, and thus the values of these attributes have no effect on the positions of objects within a box. As of the current implementation, the positioning attributes are respected only by two containers: viewer and canvas.

 

Contents