Free Range Pixels » hotmail http://www.diturner.co.uk The home of Di Turner Mon, 31 May 2010 21:59:16 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Removing the 3 pixel gap in Hotmail email for Firefox http://www.diturner.co.uk/2008/10/21/removing-the-3-pixel-gap-in-hotmail-email-for-firefox/ http://www.diturner.co.uk/2008/10/21/removing-the-3-pixel-gap-in-hotmail-email-for-firefox/#comments Tue, 21 Oct 2008 14:35:02 +0000 admin http://www.diturner.co.uk/?p=234 A while back I wrote a post about removing the 3 pixel gap in Hotmail. While that provided a solution for IE I’ve since discovered another fix that works in Firefox. It’s the same problem as before; a 3 pixel gap is added beneath images, particular to images inside table cells. The problem seems to stem from the font size settings, obviously this shouldn’t affect a table cell that does not contain text. Chalk it up to yet another That Shouldn’t Make Any Difference But It Does™ This time the fix is to add style="line-height: 50%" to the TD tag. You should then end up with the following:

<td style="line-height: 50%">
	<img src="image.gif" width="300" height="50" alt="" />
</td>
]]> http://www.diturner.co.uk/2008/10/21/removing-the-3-pixel-gap-in-hotmail-email-for-firefox/feed/ 2 Removing the 3 pixel gap in Hotmail email http://www.diturner.co.uk/2008/01/16/removing-the-3-pixel-gap-in-hotmail-email/ http://www.diturner.co.uk/2008/01/16/removing-the-3-pixel-gap-in-hotmail-email/#comments Wed, 16 Jan 2008 20:42:11 +0000 admin http://www.diturner.co.uk/webdesign/removing-the-3-pixel-gap-in-hotmail-email/
An example of the 3 pixel gap
An example of the 3 pixel gap

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:

<img src="image.gif" width="100" height="100" alt="Image" style="display: block;" />
]]> http://www.diturner.co.uk/2008/01/16/removing-the-3-pixel-gap-in-hotmail-email/feed/ 8