Monday 21st of April 2014 06:39:57 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

As previously discussed, if no colors are defined, then the default color is the foreground color of the element. Thus, the following declaration will be displayed as shown in Figure 7-44:

P.shade1 {border-style: solid; border-width: thick; color: gray;}
P.shade2 {border-style: solid; border-width: thick; color: gray;
border-color: black;}

The result is that the first paragraph has a gray border, having taken the value gray from the foreground color of the paragraph itself. The second paragraph, on the other hand, has a dynamic

Menu fixed, content

Menu und content

3 columns all

4 columns all

Menu floating

Menu fix, Inhalt u.
Head dynamic

3 columns fix

dynamic mit
Head und Footer

fixed BOX centered

dynamic BOX

fixed Box total
set to lighter, it evaluates to the next-lighterface, which is the regular face, or 400 (the sameas normal) on the numeric scale. The next stepdown is to 300, which comes out the same asnormal since no lighter faces exist. From there,the user agent can only reduce the weight one numeric step at a timeuntil it reaches 100 (which it doesn't do inthe example). The second paragraph shows which text will be bold, andwhich regular.


UL {margin-bottom: 10px;}LI {margin-top: 10px; margin-bottom: 20px;}H1 {margin-top: 28px;}

Therefore, the last item in the list has a bottom margin of 20pixels, the bottom margin of the UL is 10 pixels,and the top margin of a succeeding H1 is 28pixels. Given all this, once the margins have been collapsed (or, ifyou prefer, overlapped), the distance between the end of theits parent. This ability can be used for interesting effects like hanging floated images, but only if the browser honors negative margins on floated elements. If it does, the result will be something like that shown in Figure 7-71.

Figure 7-71

Figure 7-71. Hanging float

There is one important question here, which is this: what happens to the document display when an element is floated out of its parent element by using negative margins? For example, an image could be floated so far up that it intrudes into a paragraph that has already