Thursday 22nd of March 2018 04:36:49 PM


#left {
position: absolute;
left: 2%;
width: 22%;
top: 106px;
background-color: #ffffff;


These pages use certain CSS definitions that are unsupported by older browsers.
more nice and free css templates


middle right

#content {
position: absolute;
left: 25%;
width: 50%;
top: 106px;
background-color: #ffffff;
overflow: auto;

overflow: auto;

With overflow: auto; With overflow: you can determine how overflowing content should be treated.


visible = The element gets expanded to show the entire content.
hidden  = The content will be cut if it overflows.
scroll  = The browser should offer scroll bars.
auto    = The browser should decide how to render the element. Scroll bars are allowed.

Older browsers do not know support this property.
IE does not support overflow:visible

override all others. In CSS1, important author styles override allreader styles, even important ones. In CSS2, this is reversed, sothat important reader styles always win out over the author'sstyles, important or otherwise.


:linkIE4 Y/Y IE5 Y/Y NN4 Y/Y Op3 Y/-

This pseudo-class applies tohyperlinks, but not named anchors. It sets the styles to be used fora hyperlink that points to a URI that has not yet been visited (i.e.,is not listed in the browser's history).

You need not restrict yourself to such simple operations, of course.There are plenty of ways to use color. You might have some paragraphsthat contain text warning the user of a potentialproblem. In order to make this text stand out more than usual, youmight decide to color it red. All that's needed is a class ofwarn on each paragraph that contains warning text(<P CLASS="warn">) andthe following rule: A:link {color: maroon;} /* a good dark red color */

Any H2 which should be dark blue would then bemarked up as <H2CLASS="dkblue">...</H2>.


It's actually better to pick classnames that are descriptive of the type of information containedwithin, not of the visual effect you're trying to achieve atthe moment. For example, let's say that we want the dark blue

Figure 7-60

Figure 7-60. Padding on an inline element

Note the extra background space that appears on either end of theboldfaced text. There's your padding.

This all seems familiar enough, even when the boldfaced textstretches across multiple lines. Turn to Figure 7-61to see what happens with padding set on an inline element displayedacross multiple lines:

B {padding: 10px; background: silver;}
LINK, @import can be used to direct the web browser to load an external style sheet and use its styles in the rendering of the HTML document. The only real difference is in the actual syntax of the command and its placement. As you can see, @import is found inside the STYLE container. It must be placed there, before the other CSS rules, or else it won't work at all.

<STYLE TYPE="text/css">
@import url(styles.css); /* @import comes first */