[css-d] vertical-align is driving me crazy!

2008-10-25 Thread Doug Jolley
I have a short line containing some text and two images.  The text is
default height, let's assume that is somewhere around 18px.  Let's
also assume that the two images are both 100px high.  With respect to
one image I have done nothing; so, as expected, it's bottom aligns
with the baseline of the text. With respect to the other, I have set
vertical-align to middle.  I would expect that the line-box would be
100px high which is the height of the first image.  Therefore, I would
expect that the second image would be centered vertically with respect
to that line-box.  Thus, I would expect that the second image would
wind up with it's bottom aligned with the baseline just like the
first.  Instead, the second image is centered vertically with respect
to the text.  Why is that?  What am I missing?  Thanks for any input.

  ... doug
__
css-discuss [EMAIL PROTECTED]
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/


Re: [css-d] vertical-align is driving me crazy!

2008-10-25 Thread Philippe Wittenbergh

On Oct 26, 2008, at 11:42 AM, Doug Jolley wrote:

 I have a short line containing some text and two images.  The text is
 default height, let's assume that is somewhere around 18px.  Let's
 also assume that the two images are both 100px high.  With respect to
 one image I have done nothing; so, as expected, it's bottom aligns
 with the baseline of the text. With respect to the other, I have set
 vertical-align to middle.  I would expect that the line-box would be
 100px high which is the height of the first image.  Therefore, I would
 expect that the second image would be centered vertically with respect
 to that line-box.  Thus, I would expect that the second image would
 wind up with it's bottom aligned with the baseline just like the
 first.  Instead, the second image is centered vertically with respect
 to the text.  Why is that?  What am I missing?  Thanks for any input.

The second image has 'vertical-align:middle'. It will be vertically  
centred to the baseline of the surrounding text; that is, the midpoint  
of the image is attached, hooked to that baseline.

That is exactly what is supposed to happen.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [EMAIL PROTECTED]
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/