Saturday 22nd of November 2008 06:35:48 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
dynamic

4 columns all
dynamic

these effectively do not apply to the top and bottom of a nonreplacedinline element, and so don't affect the height of the line box.The ends of the element are another story, as we saw in Chapter 7, "Boxes and Borders". Once again, this is because an inline elementthat is displayed on multiple lines is just the same as a single-lineelement that has been broken into pieces. Consult Figure 8-60 for a more detailed look at this situationcaused by using these styles:

SPAN {border: 1px dashed black; padding: 4pt; margin: 8pt;}
Figure 8-60

Figure 8-60. Inline margins and line-box layout

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>This paragraph has a line-height of 1.5 times its font-size. In addition,any elements within it <SMALL>such as this small element</SMALL> also haveline-heights 1.5 time their font-size... and that includes <BIG>this bigelement right here</BIG>. By using a scaling factor, line-heights scaleto match the font-size of any element.</P>
Figure 8-64

Figure 8-64. Using a scaling factor for line-height

In this example, the line-height for theSMALL element turns out to be12px , and for the BIG element,it's 36px . These may seem excessive, but"Medium" is assigned to 500. However,if a variant labeled "Medium" is the only variantavailable, it is not assigned to500.

A user agent has to do even more work if there are less than nineweights in a given font family. In this case, it has to fill in thegaps in a predetermined way: