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

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free