All templates are XHTML 1.0 and CSS2/ tableless.

MENU floating
layout grid with a floating menu on the left.
The menu is fixed in it's width. The height adjusts to the content.
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px 20px;
#content {
border:1px solid #564b47;

Figure 10-3 shows the result of this declaration.

Figure 10-3

Figure 10-3. Making BODY's grandchildren (and their descendants) gray

On the other hand, perhaps you wish to make purple any element thatis a descendant of DIV. This would be written:

DIV * {color: purple;}

At first glance, this seems no different than if the* were left out, instead relying on inheritance tocarry the color to all descendants ofDIV. However, there is a very real difference: the

8.4.2. Inline Formatting

As we saw in Chapter 4, "Text Properties", all elements have aline-height. This fact has a great deal to do withhow inline elements are displayed, and it needs to be covered indetail before we move on.


B {font-weight: 700;}


normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900





A:link {color: #808080;} /* medium gray */A.external:link {color: silver;}A:active {color: silver;}A:visited {color: #333333;} /* a very dark gray */
Figure 6-4

Figure 6-4. Changing colors of hyperlinks

This sets all anchors with the class external(<A CLASS="external"HREF="...">) to be silver, instead of mediumgray. They'll still be a dark gray once they've beenvisited, of course, unless you add a special rule for that as well: