468,765 Members | 1,076 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,765 developers. It's quick & easy.

Image is cropped in MSIE/Opera using negative margins

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

Jan 19 '06 #1
0 1258

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Kenny | last post: by
6 posts views Thread by Marek Mänd | last post: by
11 posts views Thread by Stephen Poley | last post: by
reply views Thread by JF Turcotte | last post: by
15 posts views Thread by Tony Gahlinger | last post: by
14 posts views Thread by D. Alvarado | last post: by
reply views Thread by Gerald Roston | last post: by
6 posts views Thread by . | last post: by
1 post views Thread by Jim Moe | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.