2019.2

around an image" above), is a relative positioning property, since it specifies the position of the
element relative to its container. This means it is incompatible with the position:absolute
property.
In the Formatting dialog (see "Applying local formatting to an image" on page310) the position
property can be found on the Image tab, under Positioning.
The position property isn't present in one of the tab menus of the style rule editor directly, but
you can add it after clicking the Advanced button in the style rule editor (see "Applying style
rules to an image" on page311).
When the position property of an element is set to absolute, the top or bottom and left or
right properties can be used to position the element inside its parent with exact values (pixels
(px), centimeters (cm), etc). Negative values are allowed.
Note
In Web sections, the position property may sometimes be useful for images inside a Div
element, but generally elements should not be positioned absolutely. Designs for the Web should be
flexible so that they display nicely on a variety of devices and screen sizes.
Background color and/or image
In any type of template, boxes, tables and table cells can have a background color and/or a
background image.
To select a background image or color:
1.
Right-click the box and click Box on the shortcut menu.
2. Alternatively, select the box (see "Selecting an element" on page195; note that a Box is a
<div> element) and on the Format menu click Box.
3.
Click the Background tab.
To define a background color:
Click the downward pointing arrow next to Color to select a color from the list of predefined
colors (see "Background color and/or image" above).
Alternatively, click the small rectangle to the right of the color list to open the Color Picker
dialog. In this dialog you can select a color from the color wheel. You can also choose the color
Page 313