Posted on Friday July 2nd, 2010 by Antony Malone
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:
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:
Extravision is a privately owned UK-based email service provider founded in 2004, with a great ISP reputation ensuring high deliverability rates. We offer flexible email marketing solutions to both small and large businesses across all sectors.