Tuesday 23rd of December 2014 01:47:18 AM

Nice and Free CSS Templates

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

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;}
P.B {position: absolute; bottom: 0; left: 0; width: 10em; height: 50%;
margin-top: auto;}
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

P.one {font-weight: bold;}
Figure 5-9

Figure 5-9. Inherited font weight

This isn't unusual, but the situation gets interesting when youuse the last two values we have to discuss: bolderand lighter. In general terms, these keywords havethe effect you'd anticipate: they make text more or less boldwith comparison to its parent's font weight. Let'sconsider bolder first.

Inherited

yes

Applies to

all elements

following the paragraph has been pulled upward. Compare the following markup to the situation shown in Figure 8-23:

Figure 8-23

Figure 8-23. The effects of a negative bottom margin

What's really happening in Figure 8-23 is that the elements following the DIV are placed according to the location of the bottom of the DIV. As we can see, the end of the DIV is actually above the visual bottom of its child paragraph. The next element after the DIV is </P><!-- ...or, to put it another way... --><P>bold <SPAN> bold <STRONG> regular <B> regular<STRONG> regular </STRONG></B></STRONG></SPAN>.</P>

Ignoring the fact that this would be entirely counterintuitive, whatwe see in Figure 5-16 is that the main paragraphtext has a weight of 900 and theSPAN aweight of containing block by appearing next to another one, it is floated down to a point below any previous floats, as illustrated by Figure 8-36 (where the floats start on the next line in order to more clearly illustrate the principle at work here). This rule first appeared in CSS2, to correct its omission in CSS1.

Figure 8-36

Figure 8-36. If there isn't room, floats get pushed to a new line

8. A floating element must be placed as high as possible.

Subject to the restrictions introduced by the previous seven rules,