html and examine the code. The head section imports a style sheet and uses
conditional comments to link to three IE-specific style sheets (one for Internet Explorer in
general, one for Internet Explorer 6 and below, and one for Internet Explorer versions
below 6). Note that the body element has an id value??”this dictates the active tab, as per
the method shown in the ???Creating a two-tier navigation menu??? exercise in Chapter 5.
The page??™s structure is shown in the following code block. The page is contained within a
wrapper div. Within that, there is a masthead that contains a logo div and a navContainer
div (which itself contains a navigation div and a subNavigation div). After the masthead
is a content div. Without content, the skeleton structure looks like that shown in the following
code block:
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
388
In the logo div is the paragraph about the company, and the contents of the
navContainer div are identical to those from ???Creating a two-tier navigation menu??? in
Chapter 5.
The content div begins with a level-one heading, immediately followed by an image with
a class value of leadImage. The image is positioned here because it will be floated right,
and you need to place floated content before the content you want it to float left or right
of (see the ???Using CSS to wrap text around images??? section in Chapter 4).
Pages:
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497