Thursday 08th of January 2009 12:17:38 PM
Nice and Free CSS Templates
that govern the evaluation of margins and widths and have the sameinitial appearance of common sense. They are as follows:1. The left (or right) outer edge of a floated element maynot be to the left (or right) of the inner edge of its parentelement.
Straightforward enough. The furthest to the left the outer left edgeof a left-floated element may go is the inner left edge of its parentelement; similarly, the furthest right a right-floated element may go
into a list under a main heading; these headings look different from
the links. Each of the sections uses the following tags:
Whew! Already we have our work cut out for us.
Probably the easiest thing to do is to assign a class to the
sidebar's table cell, so that we can specify certain
appearances that are specific to the sidebar. This leads us to enter
the tags <TD
CLASS="sidebar"> and
</TD> for the beginning and end of the cell,
In this case, it's up to the user agent, but the CSSspecifications explicitly state that user agents are not required toreflow 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 negative
P {font-variant: normal;}<H1>The Uses of font-variant</H1><P>The property <CODE>font-variant</CODE> is very interesting...</P>
Figure 5-29. Small caps in use
As you may notice, in the display of the H1element, there is a larger uppercase letter wherever an uppercaseletter appears in the source and a small uppercase wherever there isa lowercase letter in the source. This may remind you rather strongly
hand, allows any element to float, from images to paragraphs tolists. In CSS, this behavior is accomplished using the propertyfloat.
floatFor example, to float an image to the right, you could use thismarkup: <IMG SRC="b5.gif" style="float: right;" alt="section b5">
|