I have a need to align the baseline of some text with the baseline of
text within an image as in the following snippet.
<html>
<body>
Inside table, image is cropped.
<table border="1"><tr><td>
Lorem ipsum dolor
<img src="http://www.google.com/intl/en/images/logo.gif"
style="margin-bottom:-37px"/>
estibulum ante ipsum
</td></tr></table>
<p>
Outside table, image isn't cropped.<br>
<img src="http://www.google.com/intl/en/images/logo.gif"
style="margin-bottom:-37px"/>
</p>
</body>
</html>
The problem is that the descenders in the image are getting chopped
off. This doesn't happen outside of tables though. Is there any way
to keep the baseline alignment, but prevent the descenders from getting
chopped off?
Kevin D. Smith
