Thursday 28th of August 2008 08:10:45 PM

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

Menu floating

Menu fix, Inhalt u.
Head dynamic

3 columns fix
centered

Let's say we have a document with a tiled background thatactually looks like it's tiled and an H1element with the same pattern, only in a different color. Both theBODY and H1 elements are set tohave fixed backgrounds, resulting in somethinglike Figure 6-57:

BODY {background-image: url(tile1.gif);  background-repeat: repeat;background-attachment: fixed;}H1 {background-image: url(tile2.gif);  background-repeat: repeat;
dynamic mit
Head und Footer

fixed BOX centered

dynamic BOX
centered

fixed Box total
centered
P {font-size: 18pt;}<DIV><P>This paragraph's 'font-size' is 18pt, but the inherited 'line-height'is only 12pt. This may cause the lines of text to overlap each other bya small amount.</P></DIV>
Figure 4-24

Figure 4-24. Small line height, large font size, slight problem

There are two solutions. One is to set theline-height explicitly for every element, but thisis not a very practical approach, given that you may have a number ofdifference between EM and I:

P {font-style: normal;}EM {font-style: oblique;}I {font-style: italic;}

If you look closely at Figure 5-26, you'll seethere is no apparent difference between the EM andI elements. In practice, not every font is sosophisticated as to have both an italic face and an oblique face, andeven fewer web browsers are sophisticated enough to tell theresults in Figure 5-13:

<P>100 <SPAN> 400 <STRONG> 700 <B> 800 </B></STRONG></SPAN>.</P>
Figure 5-13

Figure 5-13. Changing weight, with the numbers to illustrate it

The first two weight increases are large because they represent jumpsfrom 100 to 400, and from400 to bold(700). From 700, there is no