HTML, XHTML & CSS

50
Part III: Taking Precise Control Over Web Pages and Styles
Figure 10-2: The navigation bar now looks more like standard
left-hand navigation.
In the preceding rules, we
✓ Added a element
✓ Defined the navBar id inside the element
✓ Used the navBar id to instruct the content to float to the left of images,
which causes them to appear in the same part of the page to the left,
rather than above the graphic
This rule says that anything on the page that belongs to the navBar id (as
shown in Figure 10-2) should display with
✓ A light-gray background
✓ A thin, grooved-line border at bottom and left, in a darker gray
✓ No top or right border
✓ A block that floats to the left (so everything else on the page moves
right, as with the image in Figure 10-2)
✓ A left margin of 10 pixels (px)
✓ Padding at top and bottom of 10px each
✓ A navbar area 100px wide