Tuesday 16th of March 2010 11:33:17 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	dynamic mit Head und Footer
fixed BOX centered	dynamic BOX centered	fixed Box total centered

P {border-style: solid; border-width: thick;border-color: black rgb(25%,25%,25%) #808080 silver;}

Figure 7-43 shows us varying shades of gray forborders. Thanks to the grayscale nature of this book, I've beensticking mostly to shades of gray, but any color could be used. Ifyou wanted an H1 with a red, green, blue, andyellow border, it's this easy:

H1 {border-style: solid; border-color: red green blue yellow;}

H1 {border: thick silver solid;}

The drawback with border is that you can onlydefine "global" styles, widths, and colors. In otherwords, the values you supply for border will apply padding. Thus, the following two statements would have the sameeffect, as depicted in Figure 7-34:

P.new1 {border-style: solid dashed none;}P.new2 {border-style: solid dashed none dashed;}

Figure 7-34. Equivalent style rules

In case you're wondering, under CSS1, there is no way todirectly set the style for only a single side using something likeborder-top-style, since no such property exists inCSS1 (although that property, and others like it, were introduced in

8.2.2.3. More than one auto

Now let us consider the cases where two of these three properties areset to auto. If both the margins are set toauto, then they are set to equal lengths, thuscentering the element within its parent, as you can see from Figure 8-14:

P {width: 100px; margin-left: auto; margin-right: auto;}

<DIV STYLE="width: 100px;"><P>This paragraph is contained within a DIV with a width of 100 pixels,so its padding will still be 10% of the width of the paragraph's parent.There will, therefore, be half as much padding on this paragraph as thaton the first paragraph.</P>

Figure 7-59. Padding, percentages, and the widths of parent

We've seen this before, of course -- in Section 7.3, "Margins", in case you don't remember -- butit's worth reviewing again, just to see how it operates.