On Fri, 27 Jul 2007 02:16:37 -0400, Brian Cummiskey wrote:
> David Hucklesby wrote:
>> It sounds like the image is sitting on the baseline of the text -- in other
>> words, it
>> has a space underneath where the text descenders lie ("tails" of g, j, p,
>> etc.)
>>
> That's what i thought at first too.... but there's no tail text. its
> always "X
> Items". (where "X" is a number)
>
All text is inside something called a "line box". This box has a height
("line-height") that includes space for descenders ("tail text") as
well as accent marks, like on an "Ì" for example.
For a line height of one, the line box is just tall enough for both
descenders and accents. A larger line height adds "leading" (as in
the metal, lead) to space out lines. Default line-height is usually
about 1.2, which puts a gap ("lead") between each line.
Result: your baseline allows room for the descenders, whether they
exist or not. If it didn't, lines of text would be unevenly spaced.
>> Try adding this rule:
>>
>> #cart img { vertical-align: bottom; }
>>
> While this evened it out, it raised my text, instead of lowering the image.
> odd. i
> guess it works... i'll add some padding-top :D
>
Glad you got it sorted.
Cordially,
David
--
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
