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:
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:
Posted by Joel Jarman
Tip of the month
Line height is not always consistent when viewing emails in Outlook. This is especially true…
March 1, 2017
If you use an Email Service Provider, you now get some pretty powerful technology alongside…
February 10, 2017