1 and 7.2).
It??™s not necessary to have access to
the Stylib library to create this or any
other page. You can copy the styles
from the book or simply invent your
own. However, it??™s always better to
use code from the Stylib library than
copy it from the book, as any issues
found with book??™s code will be ?¬? xed
in the library.
FIGURE 7.1 The ?¬? nished Stylin??™ home page at maximum width.
BUILDING WEB PAGES 233
This page is built on the three-column liquid layout we saw in
Chapter 5. Before seeing in detail how it is put together, let??™s look
at the key features of this page. There are four background images.
The header and the footer each have a dark graphic with large lettering,
and the NiftyCorners code (see Chapter 5) is used to round
off the corners of the header and the footer.
The circle graphic on the left side of the page goes into the
two_column div that encloses two left columns, so it can appear
across both of them, while the large graphic based on the cover
of the book goes into the main_wrapper div that encloses the entire
layout. I??™ve moved this background graphic to the right, away from
the navigation column, to have it appear behind the center and
right columns. The placement of these two graphics in divs that
span the columns enables them to visually unite the side columns
and the content area.
Pages:
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271