Extravision Blogsblog

Recent Posts

Categories

Posts

Have you had image spacing problems in Hotmail and Gmail recently?

July 2, 2010

You may have noticed that recently hotmail and Gmail have been setting spacing to images, making it a nightmare for developers making image based email designs working in these email clients.

If you imagine html emails as a language and the email clients as the interpreters, it’s easy to understand why there are inconsistencies between the different email clients.

One of the most popular inconsistencies is the image spacing problem. It happens when you have a number of images that you want to be together/side by side within the email. Below is an example of what hotmail does with spacing around the images:

Example of images when in Gmail and Hotmail

Thankfully there is an easy way to fix this and it doesn’t affect the design of the email in any of the other email clients. To do this you need to know a little html code:

<img src=”anyimage.jpg” alt=”Image title here” style=”display:block;”>

You need to add this to all the affected images. Once this is added your images should be together with no spacing between them as below:

block style added.

Posted by Joel Jarman
Tip of the month


No comments

Comments are closed.

From the Blog

Line height issues in Outlook

Line height is not always consistent when viewing emails in Outlook. This is especially true…

Andrew Chau
March 1, 2017

Are you making the most of your ESP?

If you use an Email Service Provider, you now get some pretty powerful technology alongside…

Jenni Malley
February 10, 2017

Latest Tweets

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog