You are currently browsing the FRP weblog archives for January, 2008.

Removing the 3 pixel gap in Hotmail email

An example of the 3 pixel gap

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:

HTML:
  1. <img src="image.gif" width="100" height="100" alt="Image" style="display: block;" />