Saturday 24th of February 2018 08:28:14 PM

MENU left

Menu with fixed width.

#left {
width:175px;
padding:0px;
float:left;
}

CONTENT

All templates are XHTML 1.0 and CSS2/ tableless.
3 columns layout grid. All colums are fixed and centered.
more nice and free css templates

html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}
#content {
width:400px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}
#head {
background-color:transparent;
}

Despite all these issues, the ability to change the colors of elements is something almost every author will want to use, probably quite often. Used properly, colors can really strengthen the presentation of a document. Once you've decided how you plan to use color, you have to decide how you'll apply it, since some approaches will require the use of classes as well as simple element selectors.

As an example, let's say you have a design where all

Figure 7-13

Figure 7-13. Value replication pattern

In other words, if there are three values given formargin , the fourth(left) is copied from the second(right). If there are two values given,the fourth is copied from the second, and the third(bottom ) from the first(top ). Finally, if there is only onevalue given, then it's copied to all the others.

What happens if no such face exists? There are two options provided in the specification. The first is for the user agent to create a small-caps face by scaling uppercase letters on its own. The second is simply to make all letters uppercase and the same size, exactly as if the declaration text-transform: uppercase; had been used instead, as shown in Figure 5-30. This is obviously not an ideal solution, but it is permitted.

H1 {font-variant: small-caps;}

In examining Fiture 4-30, you'll see that itdoesn't look any different than you would expect. Itshouldn't.

If a vertically aligned element doesn't have abaseline -- that is, if it's animage, a form input, or another replacedelement -- then the bottom of the element is aligned with thebaseline of its parent, as Figure 4-31 shows: