content column
All templates are XHTML 1.0 and CSS2/ tableless.
2 columns / menu fixed, content dynamic.
2 columns layout grid. The navigation column is fixed, the content column is dynamic and adjusts itself to the browser
window.
The layout also works with an absolute height template 100% height
more nice and free css templates
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#content {
margin-left: 200px;
background-color:#fff;
overflow: auto;
}
A:active {color: silver;}
A:visited {color: #333333;} /* a very dark gray */
Figure 6-4. Changing colors of hyperlinks
This sets all anchors with the class external
(<A CLASS="external"
HREF="...">) to be silver, instead of medium
gray. They'll still be a dark gray once they've been
visited, of course, unless you add a special rule for that as well:
BODY {color: black;}padding of the element box. It will come as nosurprise that the simplest property used to affect this area iscalled padding.padding- Values
[ <length> | <percentage> ]{1,4}
<IMG SRC="b5.gif" style="float: right;" alt="section b5">
As Figure 7-63 makes clear, the image "floats" to
the right side of the browser window. This is just what we expect.
However, some interesting issues are raised in the course of floating
elements in CSS.
Figure 7-63. A floating image
7.6.1. Floated Elements
very common variant. font-variantAs for font-variant, it has but two values: the default ofnormal, which describes ordinary text, andsmall-caps, which calls for the use ofsmallcaps text. If you aren't familiar with such an effect, |
|