Padding around photos issue with Outlook 2007 and 2010

Hi All,

I've created a newsletter using an off the shelf simple template, and when I've run the design test it works fine in all the email clients except Outlook 2007 and 2010 where the padding around the photos doesn't work and the text runs all the way up to the photos. Is there an easy fix for this?

The template I'm using is - Minimalist

The code around the photo is:

<tr>
                                                                <td valign="top" style="padding: 15px 0 0">
                                                                    <img width="318" align="right" style="margin: 0 15px 15px;" editable="true" label="Image">
                                                                    <multiline label="Description"><p>Enter article content here</p></multiline>
                                                                   
                                                                </td>

And here is the link to the test previews

http://bluedge.createsend.com/screens/r/8A15E1C44547A625

Cheers

Colin

roshodgekiss roshodgekiss, 4 years ago

Hey Colin, how cool! An email newsletter about dragon boating - I'm a pacer on my crew, huzzah!

** Incorrect advice - ignore **I just took a peek at the campaign and saw that you solved the issue by explicitly defining your margins....

Thanks, Colin - go forth and burn water!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
PMcKern, 4 years ago

Sorry, but aren't margins on images pretty unreliable? For me, they seem to be ineffective in OL '07.... I've been building tables around image placeholders to make up for the deficiency, using a second column for side margin and a spacer paragraph holding a non-breaking space character for bottom margin. It's clunky, but the margins and padding both seem untenable.

roshodgekiss roshodgekiss, 4 years ago

PMcKern, you got me - I absolutely dropped the ball there. In so much as the MSDN docs claim that images have margin support, they really don't. Your solution is correct and I'm very thankful you corrected me on it (and forced me to re-test margins as well)!

Have updated the post above to remove said lousy advice and will be updating our CSS docs next week. Thank you for pointing this out, you've really saved the day!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
PMcKern, 4 years ago

You're too kind, Ros. I'm surrounded by a couple hundred OL '07 users with several newsletters in CM and probably more on the way. I have to deal with OL's oddities or face much whingeing about it, which reminds me that I meant to post more on some of my new ways of dealing with those, both to share and to fish for alternatives. - Patrick

Alex I., 4 years ago

I was under the impression non breaking spaces created character issues in Hotmail?

Cheers,
Alex.

roshodgekiss roshodgekiss, 4 years ago

Hi Alex, not from my knowledge - do you have any examples of this for us to investigate?


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

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