Sunday 06th of July 2008 04:26:37 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 !

OL is not the direct child of a DIV.

Even better, you can string more than one child selector together to precisely target a given type of element. Take this, for example:

Figure 10-4

Figure 10-4. Selecting grandchildren only

The first list item in the source is silver because it's the child of an ordered list that is itself the child of a BODY. The second list item in the source is the 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
no taller. This happens thanks to the revised rules for calculatingthe height and width of absolutely positioned elements, which werepublished in an errata to the original specification.

Note that the fact that we set an explicit width helped matters.Since the user agent knew how wide the element should be, it was atrivial matter to calculate the height of the element based on itscontent. If width has also been set to auto, thenthe user agent would have had to assign some value to it. This valueis likely to vary by user agent, so it's usually better to then explain it:

H1 {color: #000;}   /* set H1s to be black */H2 {color: #666;}   /* set H2s to be dark gray */H3 {color: #FFF;}   /* set H3s to be white */

As you can see from the markup, there are only three digits in eachcolor value. However, since hexadecimal numbers between00 and FF need two digits each,and we only have three digits total, how does this method work?

If these seem like odd color names, it's because -- well, they are. In my opinion, anyway. So where do they come from? These colors were taken from the original sixteen basic Windows VGA colors, and browsers are supposed to generate colors that at least come close to matching those original 16. They may be a fairly motley collection of colors, but they're what we have. way across the element and two-thirds of the way down, then yourdeclaration would be:

BODY {background-image: url(bigyinyang.gif);background-repeat: no-repeat;background-position: 33% 66%;}

The point in the background image that is one-third across andtwo-thirds down from the top left corner of the image will be alignedwith the point that is as far from the top left corner of thecontaining element, as shown in Figure 6-41.