2018.1

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166; note that a Box is a
<div> element) and on the Format menu click Box.
3.
Click the Background tab.
To select a background color: click the downward pointing arrow next to Color to select a
color from the list of predefined colors (see "Defining colors, spot colors and tints" on
page269), or click the colored rectangle to open the Color Picker dialog; see "Color Picker" on
page377. In this dialog you can select a color from the color wheel or using the eye dropper
tool, set RGB or CMYK color values or enter a hexadecimal color code.
To select a background image:
1.
Click the Select Image button.
2.
Click Resources, Disk or Url, depending on where the image is located.
l
Resources lists the images that are present in the Images folder on the Resources
pane.
l
Disk lists image files that reside in a folder on a hard drive that is accessible from
your computer. Click the Browse button to select a folder (or an image in a folder).
As an alternative it is possible to enter the path manually. The complete syntax
is:file://<host>/<path>. Note: if the host is"localhost", it can be omitted, resulting
infile:///<path>, for example: file:///c:/resources/images/image.jpg.
Page 265