Friday 24th of May 2013 12:55:10 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
elements to have dark gray text is as simple as this: 

SELECT {color: rgb(33%,33%,33%);}
Figure 6-11

Figure 6-11. Setting color on form elements

You could also set the foreground color of INPUT elements, although as we can see in Figure 6-12, this would have the effect of setting that color on all inputs, from text to radio-button to checkbox inputs: 

SELECT {color: rgb(33%,33%,33%);}
centered
dynamic mit
Head und Footer

fixed BOX centered
dynamic BOX
centered
fixed Box total
centered
background color to the entire content box and padding, the color only appears behind the text itself, as shown in Figure 6-17.

Figure 6-17

Figure 6-17. Navigator's incorrect behavior

Let me reiterate: this is totally wrong. However, there is a way around it, which is to set a border on the element. You can do this by setting the border the same color as the background color of your document: 

BODY {background: silver;}margin from the element box, as shown in Figure 8-5. The lack of any space between the borders ofeach paragraph is a result of auto beingreinterpreted as zero:
P {margin-top: auto; margin-bottom: auto;}
Figure 8-5
Figure 8-5. Automatically setting margins to zero
8.2.1.2. Collapsing vertical margins

browsers and then retouch them in Photoshop.



This is also why this chapter is largely (but not entirely) free of
browser warnings and caveats. Rather than drown the explanatory text
in side notes, we have chosen to simply describe positioning as it is
given by the CSS2 specification and leave things there. Perhaps the
second edition of this book will contain more practical advice, but
at this time, the only practical advice we can give is this: test
your positioning code thoroughly, and be prepared for inconsistencies
between positioning implementations.

DIV {width: 400px; border: 1px solid black;}P.neg {margin-top: -50px; width: auto; margin-right: 10px;margin-left: 10px; border: 3px solid gray;}<DIV STYLE="width: 420px; background-color: silver;padding: 10px; margin-top: 75px;"><P CLASSS="neg">A paragraph.</P></DIV>