2022.1

Table Of Contents
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669; 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
mode: RGB or CMYK. For an explanation of these two modes, see "Background color and/or
image" above; for an explanation of the other options in this dialog, see "Color Picker" on
page1017.
You could also type a name or value in the Color field directly. It must be a valid color name
(see color names on w3schools), a hexadecimal color code (see w3school's color picker), RGB
color value, for example rgb(216,255,170) or CMYK color value, for example cmyk(15%, 0%,
33%, 0%).
To select a background image:
Page 815