Weird spacing in Windows Live Mail

Hello everybody. I am sending an email with this code in it:

<table style="margin: 0; padding: 0;text-align: left;" cellspacing="0" cellpadding="0">
    <tr>
        <td style="margin:0; padding: 0;">
            <a style="text-decoration: none;" href="[UNSUBSCRIBE]"><img style="margin:0;padding:0;" border="0" src="http://mijnwebsite/bespaarnu_user_top.png" alt="Bespaar nu!" /></a>
        </td>
    </tr>
    <tr>
        <td style="margin:0; padding: 0;">
            <img style="margin:0;padding:0;" border="0" src="http://mijnwebsite/bespaarnu_user_bottom.png" alt="Bespaar nu! en ga gratis naar de Huishoudbeurs" />
        </td>
    </tr>
</table>

In all mail clients (Gmail, outlook 2003 / 2007 enz) this is ok:

http://content.screencast.com/users/SenneTijdeman/folders/Jing/media/47a6ab64-343f-4716-abef-cd9c98b86de0/2010-02-12_1347.png

but in Windows Live Mail (web and applicatie) I get a spacing between these images...

http://content.screencast.com/users/SenneTijdeman/folders/Jing/media/102b5b6d-07d7-4e2d-9b4a-c501ae3988fd/2010-02-12_1349.png

There are more images in the newsletter. They also have weird spacings below it.

There is no CSS in the newsletter, everything is inline (gmail)!

Tnx in advanced.

fyredefyre fyredefyre, 6 years ago

Hi iSenne,

Try this code, it should fix your issue:

img { display: block; }

It's a common issue that occurs in Windows Live/Hotmail and the best way to fix the issue.


www.phenom.com.au - Everything Email.
Email: jordan.hunt@phenom.com.au Skype: fyredefyre
iSenne, 6 years ago

Never mind

Already got the solution. Needed to add this to my template:

    img { display: block; }
iSenne, 6 years ago
fyredefyre :

Hi iSenne,

Try this code, it should fix your issue:

img { display: block; }

It's a common issue that occurs in Windows Live/Hotmail and the best way to fix the issue.

HAHA tnx :). Just found the solution, but tnx for posting anyway.

jmp909, 6 years ago

you're better moving it inline since some systems ignore <style> tags

<img style="display:block" .....>

also stick the relevant matching heights on your <td> cells where possible

BThies BThies, 6 years ago

@jmp909

• CM moves styles inline for you.
• Height is not support in all e-mail clients, so it's not necessary.


Brian Thies
Professional Email Developer
Thies Publishing

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098