Saturday 22nd of November 2008 06:41:24 AM

Nice and Free CSS Templates

styles, which have the result shown in Figure 6-6: 

P.aside {color: gray; border-style: solid;}
Figure 6-6

Figure 6-6. Border colors are taken from the content's color

This will result in the element <P CLASS="aside"> having gray text and a gray medium-width solid border. That's because the foreground color is applied to the borders by default. The basic way to override that is with the property border-color:

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
  • mailto:  = compose and send e-mail (note: no slashes)
  • news:  = read/send to Usenet newsgroup
  • file:///  = local file access (note: 3 slashes)
    • Web servers typically have 3- or 4-part names; the last two parts comprisethe registered domain name, e.g., udel.edu.  Some webservers are configured as virtual hosts serving files under multiplefollow one another. Assume that the following is declared for a listthat contains five list items:

    LI {margin-top: 10px; margin-bottom: 15px;}

    Thus, each list item has a 10-pixel top margin and a 15-pixel bottommargin. However, when the list is rendered, the distance betweenadjacent list items is 15 pixels, not 25. This is because along thevertical axis, adjacent margins are said to be collapsed. In otherwords, the smaller of the two margins is eliminated in favor of thelarger. Figure 7-16 shows the difference between bold (or bolder) toB elements. Similar problems can arise when usingSTRONG, or any other element that would ordinarilycall for boldface text.

    The solution is simple enough. Just make sure that you set anexplicit font-weight for these elements. A goodrule to include in your style sheet would be:

    STRONG, B {font-weight: bolder;}
    like Figure 6-57:

    BODY {background-image: url(tile1.gif);  background-repeat: repeat;background-attachment: fixed;}H1 {background-image: url(tile2.gif);  background-repeat: repeat;background-attachment: fixed;}
    Figure 6-57

    Figure 6-57. Perfect alignment of backgrounds

    How is this perfect alignment possible? Remember, when a backgroundis fixed , the origin element is positioned withrespect to the canvas. Thus, both background patterns begin tiling