Outlook '07 you've gone and broken my heart again...

Hi,

As with 90% of the people on here I'm having issues with outlook 2007. I have nested tables that jump to the right of the screen, I need them to align with the main table.

Heres my code, any help will be greatly appreciated.

Gearoid

</head>
<style>

.style1{ color:#64aacb;
font-family:"Times New Roman", Times, serif;
font-size:15pt;
}

body{ color:#9c9c9c;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
}

a:link{
    text-decoration:none;
    color: #FF0000;
    border: 0;
    font-size:12px;
}

</style>

<body>

<!-- 1st table ( large table ) -->

<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" >

<tr>
  <td style="font-size:11px; text-align:right; color:#000"><p>Having trouble reading this email? <webversion>View it online</webversion></p></td>
</tr>

  <tr>
    <td><a href="http://www.grandcanalhotel.com/"><img src="images/banner.jpg" alt="banner" border="0" /></td>
  </tr>
 
<tr>
      <td height="10"><img src="images/spacer.gif" alt="spacer" /></td>
      <td></td>
      <td></td>
      <td></td>
</tr>
 
<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" > 
      <tr>
        <td height="49" width="162"><forwardtoafriend><img src="images/forward.jpg" alt="forward" border="0" /></forwardtoafriend></td>
        <td width="438"><img src="images/spacer.gif" alt="spacer" /></td>
      </tr>
</table>

<!-- 2nd table -->
 
<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" > 
    <tr>
        <td><img src="images/contact_us.jpg" height="240" alt="contact_us" /></td>
        <td width="14"><img src="images/spacer.gif" alt="spacer" /></td>
        <td width="215" height="240"><div align="left" class="style1"><$title default='Put Your Title In Here'$></div><br />
          <$description default='Write your introduction in here. Always press enter + shift when you want to start a new first line but not a new paragraph.'$></td>
        <td width="10"><img src="images/spacer.gif" alt="spacer" /></td>
        <td><img src="<$imagesrc link='false'$>" width="186" alt="" /></td>
    </tr>
   
    <tr>
        <td height="5"><img src="images/spacer.gif" alt="spacer" /></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
   
</table>

<!-- 3rd table ( with repeater ) -->

<repeater toc='true'> 
<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" >
   
    <tr>
        <td width="25"><img src="images/spacer.gif" alt="spacer" /></td>
        <td width="370"><div align="left" class="style1"><$title default='Put Your Title In Here'$></div><br />
          <$description default='Write your introduction in here. Always press enter + shift when you want to start a new first line but not a new paragraph.'$></td>
        <td width="10"><img src="images/spacer.gif" alt="spacer" /></td>
        <td><img src="<$imagesrc link='false'$>" width="186" alt="" border="0" /></td>
    </tr>
   
    <tr>
        <td height="10"><img src="images/spacer.gif" alt="spacer" /></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
   
</table>
</repeater>

<!-- 4th table ( Hotel info ) -->

<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#64aacb" >
    <tr>
        <td style="font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#333333">Grand Canal Hotel - Grand Canal St Upper, Ballsbridge, Dublin 4, Ireland<br />
        Tel: +353 (0) 1 646 1000 - Fax: +353 (0) 1 646 1001</td>
    </tr>
   
</table>

<!-- 5th table ( last nested table ) -->

<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#fff" >

    <tr>
        <td height="10"><img src="images/spacer.gif" alt="spacer" /></td>
    </tr>
   
    <tr>
        <td style="font-size:12px; text-align:center">You are receiving this email because the email address [email]was subscribed to our email list. Not interested anymore? Simply click here to <unsubscribe>unsubscribe</unsubscribe></td>
    </tr>
   
    <tr>
        <td align="right" style="color:#000000; font-size:12px;">Sent Using <a href="http://www.visrez.com/services/email-marketing.shtml" target="_blank">Visrez</a></td>
    </tr>

</table>


</table>

</body>
</html>

BThies BThies, 7 years ago

Hi gearoid,

I noticed you didn't close out one of your <a>'s in the following:

<td><a href="http://www.grandcanalhotel.com/"><img src="images/banner.jpg" alt="banner" border="0" /></td>

It's a good idea to still put the <TD>'s in for a column, even if you're not using them:

<td>&nbsp;</td>

You didn't close out your table within your first section:

</tr>
<table align="center" width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" >

Looks like there's an extra </table> at the end of the document.


Brian Thies
Professional Email Developer
Thies Publishing
BThies BThies, 7 years ago

If you can repost with these fixes and a direct link to the images, I can test it as well.


Brian Thies
Professional Email Developer
Thies Publishing
gearoid, 7 years ago

Thanks for the help, I'm gonna have to do some major changes, so if I have any issues after that I'll send it on. Thanks again.

fyredefyre fyredefyre, 7 years ago

Outlook '07 is very precious, be gentle with it and it'll behave! :)

Just make sure you get rid of the code you're not using, like the bunch of empty TD tags just sitting there being useless. Less is more; keep it simple.


www.phenom.com.au - Everything Email.
Email: jordan.hunt@phenom.com.au Skype: fyredefyre

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