+44 (0)1179 680989

Horizontal spaces between images in Gmail html emails

27th August 2010 12:00 by lisa

I just received a HTML newsletter from play.com and it reminded me of something we discovered with Gmail a few months ago...

Since the powers-that-be at Google created a new class of font-size:80%, horizontal spaces have been appearing between images. And it looks like play have unfortunately (maybe) fallen foul of it.

To fix it, simply adding font-size:0 to any <td> tags containing image.

Eg. <td style="font-size:0;">

It is possible that this will cause spam software to wonder what you're up to, but on the whole it seems forgiveable.

play email

 

 

Want to share? Tweet it!


Related Projects

Comments

  • Tom 27th August 2010
    That's a really useful tip, thanks!
  • Colin 8th September 2010
    I make and send bulk emails and have always wondered why this happens in Gmail and not all other mail clients (Thunderbird, Outlook, etc).

    I understand Gmail doesn't support some styling, but I never new the fix would be this easy - thanks!!
  • Thys 1st November 2010
    Amazing, I've been struggling with this for quite some time, thanks for posting this!
  • Rachel 15th April 2011
    This worked great... Until sometime in the last week or so. Now it doesn't work to fix this Gmail issue. Does anyone know of a new fix?
  • Denis 9th June 2011
    Yep, I confirm. It does not work no more! God damn that was a good fix for an unbelievably annoying mind crapping problem
  • Lisa 9th June 2011
    Hmm - am just designing a new newsletter so when it goes to build this afternoon I'll see if I can think of anything to help!
  • Lisa 9th June 2011
    I haven't put it to the test myself yet, but try putting: style=”display:block” on the img tag.
  • Weasel 14th October 2011
    Thanks....I had looking for this fix a lot of time...Thanksssss from Spain
  • Jason Newton 30th November 2011
    Absolute 'top tip'. In fact for me, tip of the day! This was a major help with me and HTML emails! Thank you for the insight :)
Leave a Comment

Allowable tags: <b>, <em>