Tuesday 16th of January 2018 12:38:45 PM


Now the line-height comes into play. Let'sassume the following case:

<P STYLE="font-size: 12px; line-height: 12px;">This is text, <EM>some of which is emphasized</EM>, plus other text<BR>which is <B STYLE="font-size: 24px;">boldfaced</B> and which is<BR>larger than the surrounding text.</P>

What we have here is a situation where some of the text has a #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;
For example, you might want a color to be exactly 25.5% red, 40%green, and 98.6% blue. Not a problem:

H2 {color: rgb(25.5%,40%,98.6%);}

Actually, there is a problem. Some user agents may not recognizedecimal values, and still others couldinterpret them as if the decimal wasn't there, which would leadthem to think the preceding value is actuallyrgb(255%,40%,986%). In that case, assuming theuser agent behaves correctly, the out-of-range values will bebackground-color: #CCCCCC;}

Figure 6-35

Figure 6-35. Setting a wavy top border on H1 elements

Simply by choosing the appropriate image for the job, and employingit in some creative ways, you can set up some truly astonishingappearances. And that isn't the end of what's possible.Now that we know how to keep a background image from repeating, howabout moving it around in the background?


Percentage values refer to a point on both the element and the origin

But making extra space with multiple P tags doesn't work 

Use multiple BR tags, or insert special non-breaking space charactersbetween P tags instead:

You can include a BASEFONT tag at the start of your BODY section tospecify the font SIZE, and, for some browsers, font FACE and font COLORfor your page: to some degree. Consider the example with the very large yin-yang symbol for a background. At one point, we centered it, but what if we only want part of it visible in the top left corner of the containing element? No problem, at least in theory. First, assume the image is 300 pixels tall by 300 pixels wide. Then, assume that only the bottom right third of it should be visible. We can get the desired effect (shown in
Figure 6-45) like this:

BODY {background-image: url(bigyinyang.gif);
background-repeat: no-repeat;

As a matter of fact, the rule for A:hover would be used while the pointer hovers over any anchor, not just a hyperlink. While some other pseudo-classes, like :link and :visited , are constrained to the A element in HTML, the same is not true of :hover. User agents could, in theory, allow the assignment of hover styles to any element, like this:

P:hover {font-weight: bold;}

Therefore, if you want to make sure your hover styles are applied