Tuesday 25th of October 2016 07:15:37 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

For example, to make sure allH2 elements are not placed to the right ofleft-floated elements, then you would declare H2{clear: left;}. This can betranslated as "make sure that the left side of anH2 is clear of floating images" and is areplacement for the HTML construct<BRclear="left">. Figure 7-74shows the following declaration, which uses clear 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
.heads inside a .sidebar willreceive these styles. Since the entire sidebar is already set to useVerdana, the headings will inherit and use it. As for the links, theyneed to be yellow, so we declare:

.sidebar A:link {color: yellow;}.sidebar A:visited {color: yellow;}.sidebar A:active {color: yellow;}

This will keep the links yellow no matter what, just as they are now.Figure 11-3 shows us the new, improved, is divided in half to determine the half-leading(6px), and the half-leading is subtracted fromboth the top and bottom of the content-height to arrive at an inlinebox which is, in this case, 12px high. This12-pixel inline box is centered vertically within the content-heightof the element.

So far it sounds like we've done the same thing to each bit oftext. This is not quite the case. The inline boxes don'tactually line up, as we can see in Figure 8-50, of the document. Thus, if you wanted to link in two style sheets withthe names basic.css andsplash.css, the markup would look like this:

<LINK REL="stylesheet" TYPE="text/css" HREF="basic.css"><LINK REL="stylesheet" TYPE="text/css" HREF="splash.css">

This will cause the browser to load both style sheets, combine therules from each, and apply the result to the document (see Figure 1-3). We'll see exactly how the sheets arecombined in the next chapter, but for now, let's just acceptthat they're combined. For example: