User Guide

The Web394
Choose Edit menu > Fade to lighten the
pattern.
Controlling Background
Color
Using HTML, you can achieve a solid
background color for a page, table, or
Cascading Style Sheet (CSS) element.
Although Corel Painter can’t assist
you with actually setting the
background color in your HTML
code, you can use Corel Painter to
determine the hexadecimal format of a
color, which is used in HTML.
To display the RGB values of the
current color on the Colors palette,
click the palette menu arrow and
choose Display As RGB. To display
these values in hexadecimal format,
click the palette menu arrow and
choose Display As Hex. Concatenate
the three values (R, G, and B) to
determine the hexadecimal number
required for your HTML code. For
example, ‘FF0000’ is the hexadecimal
value for red.
Using a background color closely
matched to your background image
takes no additional download time
and creates a pleasing transition. For
example, suppose your page loads a
dark green seamless background tile.
The tile takes a little time to
download. While it’s loading, the
browser displays the page, using the
page background color (which, if not
explicitly defined, is usually gray or
white). This can cause a jarring visual
transition. Depending upon the text
color used, it can even make a page
impossible to read until the
background image has finished
loading.
Using Tiled Backgrounds
When a background image is smaller
than the boundaries of the display
area for a page, table, or Cascading
Style Sheet layer, Web browsers
automatically repeat the image,
effectively creating a tiled pattern.
Corel Painter makes it easy to create
tiling background images for use in
Web pages.
The CSS features in modern browsers
let you apply background tiles to more
elements than ever before. In the past,
you could apply them only to a page
itself, or possibly to a table. Now, with
CSS, layers or block-level elements—
anything you can display on its own
line in traditional HTML layout—
can have a background image.
Since authors are no longer limited to
using tiled backgrounds for just pages,
possibilities open up for the creative
use of tiles behind such elements as
borders, call-out boxes, or sidebars.
You can use any image or selection to
define a pattern. For information
about creating, editing, saving, and
filling with patterns, refer to “Using
Patterns” on page 66.