Thursday 24th of July 2014 08:12:00 AM

Nice and Free CSS Templates

The drawback with border is that you can onlydefine "global" styles, widths, and colors. In otherwords, the values you supply for border will applyto all four sides equally. If you want the borders to be differentfor a single element, you'll need to use some of the otherborder properties. Of course, it's possible to turn thecascade to your advantage:

H1 {border: thick silver solid;border-left-width: 20px;}
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
A.grid {background-image: url(smallgrid.gif);}<P>This paragraph contains <A HREF="..." CLASS="grid">an anchor with abackground image</A> which is tiled only within the anchor.</P>
Figure 6-24

Figure 6-24. A background image on an inline element

There are a number of ways to employ this technique. You might placean image in the background of STRONG elements, inorder to make them stand out more. You could fill in the backgroundof headings with a wavy pattern, or with little dots. You can evenfill in the cells of tables with patterns to make them distinct fromthe rest of the page, as shown in Figure 6-25: make changes at the document level. For example, if you wanted somelinks to be medium gray and others a relatively dark gray, youcouldn't do that with the BODY attributes.Instead, you'd have to use <FONTCOLOR="#666666"> on every single anchor thatneeded to be relatively dark. Not so with CSS; all you need to do isadd a class to all anchors that need to be this shade of gray andmodify your styles accordingly, with the result seen in Figure 6-4:

BODY {color: black;}hyperlinks, a CSS rule to do so
would be:

A:link {text-decoration: none;}

The text in Figure 4-58 contains three hyperlinks: the three list items. Since we explicitly turned off link underlining, the only visual difference between the anchors and normal text is the color.

Figure 4-58

Figure 4-58. Suppressing the underlining of hyperlinks

reflow previous content to accommodate things that happen later inthe document. In other words, if an image is floated up into aprevious paragraph, it may simply overwrite whatever was alreadythere. On the other hand, the user agent may handle the situation byflowing content around the float, even though doing so isn'trequired behavior. Either way, it's probably a bad idea tocount on a particular behavior, which makes the utility of negativemargins on floats rather limited. Hanging floats are probably fairlysafe, but trying to push an element upward on the page is generally abad idea.