works out such that the specification isn't violated. A similar
line of reasoning explains how the left inner edge of the floated
element can be placed to the left of the left inner edge of its
Sunday 26th of March 2017 04:51:22 PM
All templates are XHTML 1.0 and CSS2/ tableless.
2 columns / menu and content dynamic
2 column layout grid. Both columns are dynamic and adjust themselves procentually to the browser window.
more nice and free css templates
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
border-right:2px solid #996666;
border-bottom:2px solid #996666;
Many of you may have an overwhelming desire to cry
"Foul!" right about now. Personally, I don't blame
you. It seems completely wrong to allow the top inner edge to be
higher than the top outer edge, for example, but with a negative top
margin, that's exactly what you get -- just as negative
The auto values will set the clipping
rectangle's bottom to align with the bottom of the image, and
the right edge to the right edge of the image. The value of
0 for left keeps the left edge
of the clipping rectangle against the left edge of the image, but the
10px for top moves the top edge
of the clipping rectangle downward 10 pixels. This will cause the top
10 pixels of the image to become effectively invisible.
clip can be applied to any element. Thus, you
of the textual (and other) content.
In CSS, it is possible to set an explicit height on any block-levelelement. If this is done, the resulting behavior is somewhatuncertain. Assume that the specified height is greater than thatneeded to display the content:
<P STYLE="height: 10em;">
In this case, then the extra height is treated somewhat like extrapadding, as depicted in Figure 8-3.