Hello, trying to get a email working right in outlook 07. It looks ok before it downloads any of the images but when I download them, it resizes some cells.
Here is the before:
and the after
Heres the code for one of the sections
<table style="padding: 0; border-collapse: collapse;"> <tr> <td width="539" style="width: 539px; padding: 5px 15px; background: #cccccc; color: #343333; font-family: arial; font-size: 14px; margin: 0;"> <table style="border-top: 1px solid #5a5959; border-collapse: collapse;" width="100%"> <tr> <td valign="top" align="left" width="184" style="padding: 10px 0;"><a href="http://www.sdfg.com/enews.asp#article2"><img src="http://www.sdfg.com/eblasts/may09/article_2.jpg" alt="" style="border: 0;" /></a></td> <td valign="center" align="left" width="355" style="padding: 10px 0;"> <h2 style="margin: 0 0 3px 0; width: 355px; font-family: arial; font-size: 20px; color: #333333">We're goin' to Disney World... sort of</h2> <h3 style="margin: 0 0 3px 0; width: 355px; font-family: arial; font-size: 14px; color: #1e1e1e; font-weight: normal; font-style: italic;">How does your team create a favorable thought process?</h3> </td> </tr> <tr> <td colspan="2" style="font-family: arial; font-size: 14px;"> <p style="line-height: 1.5; width: 537px">How is it that Disney World is still packed with people at an average cost of $4900 for a five day trip for a family of four in an economy like this? They are experts at providing a favorable thought process. From the billboards as you approach, to the characters in the welcoming area, Disney controls the experience. <a href="http://www.sdfg.com/enews.asp#article2">Click here to read more.</a></p> </td> </tr> </table> </td> </tr> </table>
Just throw another nested table in the <TD> (the one with the 355px), and set it at 355px width.
Use tables to guarantee your widths and you should have no problems.
Your td width in line 3 is 539px, but remember you are using 15px padding on the left and right. When you add the td width on line 6 and line 8, that equals 539px, but you don't have that much room available. You really only have 509px available so outlook is blowing it out to accammodate the extra space you are trying to use.
Thanks a lot to both of you. I had to use both ideas to get it to work correctly.
From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that drive real business results.Get started for free