Horizontal spaces between images in Gmail html emails
Lisa, 27th August 2010
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.
More from our blog
18a win Netty 2024 award for Activibees.com
29.02.24
We are delighted to announce that 18a has been recognised for its outstanding work in the "Web Design Agency of the Year - UK" category at… Read →
Generating an Effective Content Security Policy with your Laravel React App
27.02.24
I recently had an interesting problem to solve. I'd built a brand new author website on a shiny installation of Laravel 10, utilising its out-of-the-box… Read →
If your WordPress website looks broken, it could be because of this.
15.02.24
WordPress is the incredibly popular blogging-come-full-website platform that powers over 835 million websites* in 2024. It's functionality is extended by plugins, and one such very… Read →