Spacing below each row in Gmail

Hello All -

Recently gmail started ignoring cellspacing and cellpadding. It is adding a 2-3px space in between each row of images, which creates a line of the background color. This has become a problem since I am slicing large images for product emails. This results in lines across the models bodies and product shots. I have noticed that most of the product emails I have received lately are the same way.

Is there a way to eliminate the spacing in between each row without cellspacing or cellpadding? (Keeping in mind that gmail ignores most css)

Thank you!!

JordanK, 6 years ago

I think this is the solution you're looking for:

http://blog.exacttarget.com/blog/email-design-4/0/0/design-tip-of-the-week-email-rendering-in-gmail-update-recent-change

Basically gmail renders images as inline instead of block. Your image tag should look something like:

<img src="image.jpg" style="display:block;" />

And the extra pixels below your images should be gone.

swoods, 6 years ago

Thank you - I will test that now!

swoods, 6 years ago

Nice - this worked. Thanks so much!

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098