Wednesday 22nd of February 2017 01:52:43 PM

left

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

Attention

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


css



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.

Values

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



list-style-image

Yes, that's really all there is to it. One simpleurl value, and you're putting images in forbullets, as you can see in Figure 7-81.

Figure 7-81

Figure 7-81. Using images as bullets

Of course, you should exercise care in the images you use, as thisexample makes painfully clear (shown in Figure 7-82):

UL LI {list-style-image: url(big-ohio.gif);}
operate as you'd expect by now. For example, the following tworules will give the same amount of padding:

H1 {padding: 0 0 0 0.25in;}H2 {padding-left: 0.25in;}

7.5.3. Padding and Inline Elements

Thereis one major difference between margins and padding when it comes to This paragraph has a negative top margin... </P>

We can see in Figure 7-18 that the paragraph has been pulled up so far that it's practically overlapping the end of the previous paragraph. This is the expected effect.

Figure 7-18

Figure 7-18. Negative top margin

In a like manner, setting a negative value on the other sides will pull them beyond their normal limits:

Figure 7-12. Mixed margins

Here, although the top and bottom margins will stay constant in anysituation, the side margins will change based on the width of thebrowser window. This of course assumes that all H1elements are the child of the BODY element andthat BODY is as wide as the browser window. Moreproperly stated, the side margins of H1 elementswill be 10% of the width of the H1's parentelement.