Quick coding Q, substitute for padding in Outlook?

Hi there! I'm pretty much out of ideas at this point I'm hoping someone has a quick fix and I can be on my way. So far my work displays beautifully with the exception of Outlook...Which is of course what my client uses. Here's the link (what it SHOULD look like, or at least close enough in the end) and my code. Any takers?

Thanks in advance friends!
Margot

http://pitchdesignunion.com/email-blasts/post27-save-the-date/index.html

<html>
<head>
<title>Post 27 Website Launch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#a3a3a3" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="576" height="1146" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td rowspan="4">
            <img src="images/Post27-LeftDrop.gif" width="8" height="1146" border="0" alt=""></td>
        <td colspan="2">
            <a href="http://www.post27store.com" target="_blank">
                <img src="images/Post27-header.gif" width="561" height="203" border="0" alt=""></a></td>
        <td rowspan="4">
            <img src="images/Post27-RightDrop.gif" width="7" height="1146" border="0" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/Post27-image.jpg" width="561" height="677" border="0" alt="" ></td>
    </tr>
    <tr>
        <td background="images/Post27-LeftContent.gif" width="357" height="202" border="0" alt="">
        <p style="font-family: Georgia, Times, serif; font-size:13px; line-height: 15px; text-align: left; color: #000; padding-left: 25px; width: 315px;">
        On February 18th, <a href="http://www.post27store.com" style="color: #000;" target="_blank">POST 27</a> will unveil our new website which features an online shop chock full of unique small production items handcrafted by talented artists and designers. Come celebrate, get inspired by meeting our local vendors and be sure to pick up a free custom <a href="http://www.busybeaver.net" style="color: #000;" target="_blank">Busy Beaver Button</a>.</p></td>
        <td background="images/Post27-ContentRight.gif" width="204" height="202" border="0" alt="">
        <p style="font-family: Georgia, Times, serif; font-size:12px; line-height: 15px; text-align: left; color: #000; padding-left: 25px; padding-top: 5px;" >Thursday February 18th <br /> 6pm &ndash; 10pm
            <br />
            <br />
            <strong>Post 27</strong> <br />
            1819 W. Grand Ave. <br />
            Chicago, IL 60622 <br />
            (312) 829-6122<br />
            <a href="mailto:info@post27store.com" style="color: #000;" target="_blank">info@post27store.com</a>
            <br />
            <br />
            <a href="http://www.post27store.com" style="color: #000;" target="_blank">www.post27store.com</a>
        </p>       
        </td>
    </tr>
    <tr>
        <td background="images/Post27-Footer.gif" width="561" height="64" border="0" alt="" colspan="2">
            <p style="font-family: Georgia, Times, serif; font-size:11px; line-height: 15px; text-align: center; color: #000; padding-top: 23px;">&copy; 2010 POST 27, all rights reserved |  <a href="http://www.post27store.com" style="color: #000;" target="_blank">www.post27store.com</a>  |  To unsubscribe from these emails, click <unsubscribe style="color: #000;">here</unsubscribe>.<br />
            Having trouble viewing this email? Click <a href="http://pitchdesignunion.com/email-blasts/post27-save-the-date/index.html" style="color: #000;" target="_blank">here</a> to view in a browser.</p></td>
    </tr>
   
</table>
<br />
<br />
<br />
<br />
<br />
<br />


</body>
</html>

fyredefyre fyredefyre, 6 years ago

I'd get out of the habit of using spacers to set widths. You rely on the fact that an image must be loaded to enforce a margin when you should be using cell widths to set this instead.

Padding with Outlook can be unreliable at the best of times so my advice is to set each cell as a pixel value, avoid using percentages and this should help you in future.


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

As Jordan says, setting a pixel width per cell is the best approach. See http://24ways.org/2009/rock-solid-html-emails for more tips like this too.


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