Thursday 28th of August 2008 08:05:56 PM

Nice and Free CSS Templates

Values: <length> | <percentage>

Initial value: 0

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

Figure 5-27. Same font, same style, different sizes

There isn't much that can be done about this, unfortunately, save better font handling by operating systems. Usually, the italic and oblique fonts look exactly the same in web browsers.

Still, font-style can be useful. For example, it is a common typographic convention that a block quote should be italicized, but that any specially emphasized text within the quote should be upright. In order to employ this effect, shown in Figure 5-28, you would use these styles:

6.2.6. Bringing It All Together

Just like with the font properties,the background properties can all be brought together in a singleshorthand property: background. This property cantake a single value from each of the other background properties, in

WARNING

In practice, some browsers may not do this correctly. Instead, they will increase the height of a parent element so that the floated element is contained within it, even though this results in a great deal of extra blank space within the parent element.

Then there is the question of what happens to elements that flow past a floated element but have visible backgrounds. Let's take the preceding example and change it so that the secondthis:

<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 <SPAN STYLE="vertical-align: top; line-height: 4px;">tall</SPAN>and which is<BR>larger than the surrounding text.</P>

Since the line-height for the "tall"

Figure 8-51. Stacking the line boxes together

Then the top of the line box is placed against the bottom of the linebox for the preceding line. This will give us a paragraph as shown in Figure 8-52.

Figure 8-52. The final paragraph of stacked line boxes

As we can see, the middle line is taller than the other two, but itstill isn't big enough to contain the text within it.That's because the position of the inline boxes in the line