16Jan2008
Removing the 3 pixel gap in Hotmail email
Hotmail has a bug where a gap of 3 pixels appears in between images, even when the IMG tags have no spaces separating them. To fix this annoyance I’ve found that adding style="display: block;" to the IMG tag fixes this. I apply the fix as an inline style to avoid the CSS filtering of web based email services.
You should end up with the following for images that need the 3 pixel gap removing:
<img src="image.gif" width="100" height="100" alt="Image" style="display: block;" />
thanks a lot. helped a lot.
Fantastic tip!
I was using the solution:
style=”vertical-align: bottom;” but getting mixed results.
This seems to work every time.
…Interesting to note that even hotmail msn emails (from hotmail) are broken with this bug.
_B
Thanks for the fix! As a sidenote, I just noticed that this also seems to fix the HTML rendering issues in Outlook 2007 for Windows.
Thank you very much for the tip. Very successful.
Awesome worked well.. thanks!
Microsoft have a lot to answer for!! (i.e. hotmail and IE6).
You are awesome! Thank you so much! I was searching everywhere. It’s funny because when I came across your site, the title for this page couldn’t of said it better. Thanks again.
Thanks for that tip – works perfectly!
Thank you so much, you saved me a big headache!