Thursday 22nd of March 2018 04:38:18 PM

left column

All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu and content dynamic
2 column layout grid. Both columns are dynamic and adjust themselves procentually to the browser window.

more nice and free css templates

body {
background-color: #8b4513;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
#content {
border-right:2px solid #996666;
border-bottom:2px solid #996666;
as with the paragraph in the previous example. On the other hand, ifyou supply four color values, you can get a different color on eachside. Any type of color value can be used, from named colors tohexadecimal and RGB values.

Figure 7-43 shows us varying shades of gray forborders. Thanks to the grayscale nature of this book, I've beensticking mostly to shades of gray, but any color could be used. Ifyou wanted an H1 with a red, green, blue, andyellow border, it's this easy:

count on this, of course, so be careful.

If you wish to suppress the display of bullets altogether, thennone is the value you seek.none will cause the user agent to refrain fromputting anything where the bullet would ordinarily be, although itdoes not interrupt the counting in ordered lists. Thus, the followingmarkup would have the result shown in Figure 7-80:

OL LI {list-style-type: decimal;}
and <SPAN STYLE="vertical-align: top; line-height: 18px;">tall</SPAN>and which is<BR>larger than the surrounding text.</P>

Since we've given the "tall" text aline-height of 18px , thedifference between font-size andline-height is 6 pixels. In this case, though, thehalf-leading of 3 pixels is added to the content area, not subtracted(since the line-height is more than the Slanted,and Incline.

If you wanted to make sure that a document uses italic text infamiliar ways, you could write a style sheet like this:

P {font-style: normal;}EM, I {font-style: italic;}

As we can see in Figure 5-25, these styles would

This will result in the element <P CLASS="aside"> having gray text and a gray medium-width solid border. That's because the foreground color is applied to the borders by default. The basic way to override that is with the property border-color:

P.aside {color: gray; border-style: solid; border-color: black;}

This will make the text gray, but the borders will be black in color, as we can see from Figure 6-7. Any value set for H4, P {font-family: Zurich, sans-serif;}SMALL {font-family: 'Zurich Light', sans-serif;}

Besides the obvious tedium of writing such a style sheet, it onlyworks if everyone has these fonts installed, and it's prettysafe bet that most people don't. It would make far more senseto specify a single font family for the whole document and thenassign weights to various elements. You can do this, in theory, usingthe various values for the property font-weight. Afairly obvious font-weight declaration is this: