Hi -
I've got this:
<div style="float: left; border: 2px solid black;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://kdla.ky.gov/Images/Historic/danielboone.jpg" style="border: 4px solid #cc9966;" width="90" height="111" alt="Daniel Boone Portrait"/>
</div>
No matter what padding or margin settings apply (to the div or img), both FF and IE add 4px of whitespace between the image border and the div border. What's causing that, and how do I fix it?
Thanks,
KDLAimg {display:block;}
or
img {vertical-align:bottom;}
<!-- m --><a class="postlink" href="http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_GapsThanks">http://developer.mozilla.org/en/docs/Im ... GapsThanks</a><!-- m -->, Fang!
KDLA
I've got this:
<div style="float: left; border: 2px solid black;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://kdla.ky.gov/Images/Historic/danielboone.jpg" style="border: 4px solid #cc9966;" width="90" height="111" alt="Daniel Boone Portrait"/>
</div>
No matter what padding or margin settings apply (to the div or img), both FF and IE add 4px of whitespace between the image border and the div border. What's causing that, and how do I fix it?
Thanks,
KDLAimg {display:block;}
or
img {vertical-align:bottom;}
<!-- m --><a class="postlink" href="http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_GapsThanks">http://developer.mozilla.org/en/docs/Im ... GapsThanks</a><!-- m -->, Fang!
KDLA