Saturday 22nd of November 2008 07:56:05 AM

Nice and Free CSS Templates

create colors by combining different levels of red, green, and blue, which is why color in computers is often referred to as RGB color. In fact, if you were to open up a computer monitor, or even a television, and you got far enough into the projection tube, you would discover that there are three "guns." (Remember, however, that actually looking for these guns will pretty much void your monitor's warranty.) These guns shoot out beams of light in varying levels of light and dark, in one of the three RGB colors, at each point on the screen. The brightnesses of each of these beams combine at each point to form
This site contains free css templates for your website - Just copy and paste and there you have a stunning website !

Menu und content
dynamic
Menu fixed, content
dynamic
Menu und content
dynamic

3 columns all
dynamic
4 columns all
dynamic
Menu floating

Menu fix, Inhalt u.
Head dynamic
3 columns fix
centered
dynamic mit
Head und Footer

fixed BOX centered
dynamic BOX
centered
fixed Box total
centered

What we have here is a situation where some of the text has afont-size of 12px , while othertext has a size of 24px . However, all of the texthas a line-height of 12px,since line-height is an inherited property. Whathappens is that the difference between font-sizeand line-height is divided in half, and thenapplied to the top and bottom of each element's content-heightto arrive at the inline box. Each halfof the divided difference is referred to as

<length> | <percentage>

Initial value

0

Figure 8-16

Figure 8-16. Setting an explicit right margin

Finally, what happens when all three properties are set toauto ? The answer is simple: both margins are setto zero, and the width is made as wide aspossible. This result is the same as the default situation when thereare no values explicitly declared for margins or the width. In such acase, the margins default to zero (0) and thewidth defaults to auto. This is illustrated inFigure 8-17.

Figure 9-23

Figure 9-23. Nested absolutely positioned elements

The small box B in the lower-left corner of the element A is a child of A, which is in turn a child of a relatively positioned DIV. B was absolutely positioned, as was element A, using styles like these: 

DIV {position: relative;}
P.A {position: absolute; top: 0; right: 0; width: 15em; height: auto;
margin-left: auto;}

9.3. Absolute Positioning


 Since
most of the examples and figures in the chapter (besides the previous
section) have been examples of absolute positioning, we're
already halfway to an understanding of how it works. Most of what
remain are the details of what happens when absolute positioning is
invoked.



When an element is positioned absolutely, it is completely removed
from the document flow. It is then positioned with respect to its