Saturday 24th of February 2018 08:29:20 PM

MENU

#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px;
padding: 0px;
}

This column inherited it'b background color from the body definition. The padding ist defined through the p element.

<TR> <TD CLASS="home"><A HREF="home.html">Home Page</A></TD> <TD CLASS="read"><A HREF="read.html">My Writing</A></TD> <TD CLASS="fun"><A HREF="fun.html">Fun Stuff!</A></TD> <TD CLASS="links"><A HREF="links.html">Other Links</A></TD> <TD CLASS="write"><A HREF="write.html">Contact Me</A></TD> </TR> </TABLE>

Then, on each page, we simply write an appropriate style. If the highlighted link should have a yellow background, then on the

CONTENT

3 columns / menu fixed, content dynamic with head and footer.
3 column layout grid. The navigation column are fixed in width, the content column is dynamic and adjusts itself to the browser window.

This 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;
margin:0px;
}
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;
}

in valid code we trust (*^_^*) miss monorom

font-variant before wrapping up the fontproperties.

5.4.1. Fonts with Style

font-style is very simple: it's used toselect between normal text,italic text, and oblique text.That's it! The only complications are in recognizing thedifference between italic and oblique text and knowing why browsers

P:hover {font-weight: bold;}

Therefore, if you want to make sure your hover styles are applied only to your hyperlinks, you would need to use this rule:

A:link:hover {background: blue; color: white;}

The ability to combine pseudo-classes is a new feature of CSS2.

WARNING

Internet Explorer 4.x and 5.x both recognize :hover on anchors only. As of this effect on the line height, and since margins are effectively transparent, this will have no visual effect whatsoever -- as you can see for yourself in Figure 7-21.

Figure 7-21

Figure 7-21. Margins on an inline element

This happens because margins on inline elements don't change the line height of an element. (In fact, the only properties that can change the distance between lines containing only text are line-height, font-size, and vertical-align.)

This will keep the links yellow no matter what, just as they are now.Figure 11-3 shows us the new, improved,FONT-tag-free sidebar which results from thepreceding styles, and this markup:

Figure 11-3

Figure 11-3. The well-styled sidebar

That was pretty easy, eh? Now let's tackle the navigation barat the top of the main part of the page. This area also has a greenbackground, and within it are a few images. Again, we use a

Figure 8-35

Figure 8-35. Keeping floats level with their context

7. A left (or right) floating element that has anotherfloating element to its left (or right) may not have its right outeredge to the right (or left) of its containing block's right (orleft) edge.

In other words, a floating element cannot stick out beyond the edgeof its containing element, unless it's too wide to fit on itsown. This prevents a situation where a succession of floated elements