I code HTML emails for various clients and I am always running into this issue with Gmail. It's fine if the HTML email has no images, but when there are, Gmail always adds gaps between image slices.
Screenshot displaying an example (blue ribbon in top left):
http://i51.tinypic.com/1531df7.jpg
I have tried defining 0 margin and padding for the image and the table cell that encases it, but that doesn't work. Defining vertical align seems to do nothing. Table spacing/padding is also at 0. Someone once told me to remove all white space in the code, but that rarely solves the problem.
I don't design the emails--just code them. I've already sent several reminders to my designers about the limitations that HTML emails have and to be conscious of where they place design elements and text, but I would also like to get around this Gmail glitch too to save myself time and trouble.
Are there any solutions I could use?
@Colanth: I use Thunderbird (Insert > HTML) to send myself test emails. The emails look great in all email clients except for Gmail.
Screenshot displaying an example (blue ribbon in top left):
http://i51.tinypic.com/1531df7.jpg
I have tried defining 0 margin and padding for the image and the table cell that encases it, but that doesn't work. Defining vertical align seems to do nothing. Table spacing/padding is also at 0. Someone once told me to remove all white space in the code, but that rarely solves the problem.
I don't design the emails--just code them. I've already sent several reminders to my designers about the limitations that HTML emails have and to be conscious of where they place design elements and text, but I would also like to get around this Gmail glitch too to save myself time and trouble.
Are there any solutions I could use?
@Colanth: I use Thunderbird (Insert > HTML) to send myself test emails. The emails look great in all email clients except for Gmail.