Climis, Tim wrote:
>> {float: right; width: 15em; margin: 1 1em 1em; padding: 0.25em;}
>>
>> First, I don't understand width. It's not the width of my image; what is
>> it doing?
Currently the width does nothing (please see below for reason).
[...]
> Padding is like margin, except that it's inside the border (so background
> colors apply to it), and it doesn't collapse. So, if you had a border around
> your image, but you wanted some space between the image and the border, use
> padding. Or if you wanted a margin, but you wanted it to be green, you could
> use padding for that too. Or if you wanted the margins to not overlap on
> adjoining elements, you can use padding for that as well. Or if you need an
> inside margin and an outside margin, padding is the inside, and margin is the
> outside. (see below)
This is the current CSS.
.floatL {
float:left;
margin: 0 1 em 1em;
padding: 0.25em;
}
Since IMG are inline elements, then any margin or width values will
not be used. For the margin and width values to work, one must make
the IMG display as a block element.
.floatL {
float:left;
margin: 0 1 em 1em;
padding: 0.25em;
display: block;
}
To see what the margin and padding values are actually doing, play
around with this CSS.
.floatL {
float:left;
display: block; /* width and margin values are used */
border: 5px solid blue;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 50px;
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
