Stylin' with CSS: A Designer's Guide 2nd Edition

Prev | Current Page 297 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

19.
FIGURE 7.19 Some simple styles on
the list complete the right column.
BUILDING WEB PAGES 269
#promo li {
list-style-type:none;
font-size:.8em;
line-height:120%;
padding:.3em 0;
}
#promo li.big_link {
font-weight:bold;
}
All that??™s left is to style the footer.
THE FOOTER
Not much to do here, except make the type a little smaller and color
it white.
#footer p {
font-size:.75em;
color:#FFF;
}
As part of this ?¬? nal step, I will repair the path to the NiftyCorners
?¬? le so the header and footer have rounded corners as in the original
template. I will also take advantage of NiftyCorners??™ capability to set
which corners on a box are rounded, and not round the bottom left
corner of the header so the menu ?¬? ts perfectly against it. I??™ll also ?¬? x
the path to minmax.js ?¬? le so that IE6 can apply the minimum and
maximum widths speci?¬? ed in the CSS to the layout.
This code in the head of your page should look like this; you must
ensure that your path names actually link to the ?¬? les, and this code
matches the ?¬? le structure I showed at the start of the chapter.

Electronic Books

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"