Saturday 21st of October 2017 06:39:41 AM


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

This column inherited it's background color from the body definition. Padding is defined through p.


3 columns / menu fixed, content and head dynamic.
3 columns layout grid. The navigation columns are fixed in their widths, the content column is dynamic and adjusts itself to the browser window.
The head box is dynamic in its height. It adjusts to the height of the logo.
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;
} Matching hyphenated values

The last type of attribute selector is generally used for language matching, but it does have other uses. Any attribute selector using the symbols |= will match a value that begins with the specified value, given that the value is at the start of a hyphen-separated value. For example:

Figure 7-72

Figure 7-72. Floating an image wider than its parent element

Here, a left-floated image is wider than its parent, so its rightedge overruns the right edge of the parent element. Had the imagebeen floated to the right, then it would have overrun the left sideof the parent element instead. No floating at all

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 the preceding 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 bar at the top of the main part of the page. This area also has a green background, and within it are a few images. Again, we use aalignment: the value of line-height is all thatmatters. Adding box properties

After everything else, applyingmargins, borders, and padding to inline replaced elements almostseems simple.