Outlook 2007 - adding left and top padding around images

Hi
Having an extremely annoying problem - I have images in my email and when rendered in outlook 2007 they get extra padding above and to the left.

Have added display:block and ensured table cell has no padding and margin.

My code is below

Would appreicate any help!!

<html>
<head>
<title>Big Online</title>
</head>
<body bgcolor='#ffffff' style="margin:0; padding:0;">

<table align="center" cellpadding="8" cellspacing="0" bgcolor='#ffffff'>
<tr>
    <td width="968" align="center" valign="top">
        
    

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <!-- Header -->
    <td><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/header.jpg" alt="BIG Online" width="600" height="179"></td>
  </tr>
  <!--Content-->
  <tr>
    <td>
        <!-- 2 column layout -->
        <table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
            <tr>
                <!-- left colun -->
                <td valign="top" width="396">
                    <!-- story 1 -->
  <table cellpadding="0" cellspacing="0" bgcolor='#ffffff' style="margin:0 14px 0 18px;" width="362">
                            <tr>
                                <td>
                                    <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/article1.jpg" width="362" height="218" style="margin:0; padding:0;">
                                  <h2 style="font-family:Arial,Helvetica,sans-serif; font-size:31px; line-height:31px; margin:5px 0px 6px 0px;padding:0px; font-weight:normal; color:#525355; text-align:left;">A day to remember</h2>
                                    <p style="font-size:13px;line-height:16px;color:#1db7f1;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 10px 0px;">Staff from our Newcastle office discovered how we’re helping elderly people make new friends in the community during a recent project visit. Find out how you can also apply to spend a day at a project we fund… <a href="#" style="color:#1db7f1;">more</a></p>
                                </td>
                             </tr>
                  </table>
               <!--story 1 end -->
                     
                     <!-- story 2 start -->
                  <table cellpadding="0" cellspacing="0" bgcolor='#ffffff' style="border-top:10px solid #bcbdc1; margin:0 14px 0px 18px;" width="362px">
                            <tr>
                                <td>
                                    <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-2.jpg" width="101" height="130" align="left" style="margin:0; padding:0;">
                                  <h2 style="font-family:Arial,Helvetica,sans-serif; font-size:31px; line-height:31px; margin:0px 0px 2px 0px;padding:0px; font-weight:normal; color:#525355; text-align:left;">Straight to camera</h2>
                                    <h3 style="font-family:Arial,Helvetica,sans-serif; font-size:18px; line-height:18px; margin:0px 0px 6px 0px;padding:0px; font-weight:bold;color:#ec008c; text-align:left;">- Peter's half-year review</h3>
                                    <p style="font-size:13px;line-height:16px;color:#525355;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px;">In our BIG Online video, CEO Peter Wanless looks back over the first six months of 2010 and reviews our successes so far and offers a call to action in areas where can improve... <a href="#" style="color:#525355;">more</a></p>
                                </td>
                    </tr>
                                
                  </table>
                              <table cellpadding="0" cellspacing="0" border="0" width="362px" style="margin:0 14px 10px 18px;" >
                            <tr>
                                <td colspan="2" style="margin:0;"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/pink-swoosh.gif" alt=" " width="362" height="11"></td>
                          </tr>
                            <tr>
                                <td><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/thin-pink-curve.jpg" width="45" height="19" style="margin:0; padding:0;" align="left;"></td>
                              <td width="317" style="background-color:#ec008c; color:#fff;"><p align="right" style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif;text-align:right;padding:0 5px 0 0;margin:0px 0px 0px 0px; font-weight:bold;">Click here to see video</p></td>
                          </tr>
                        </table>    
                     
                  <!--story 2 end -->
                     
                     
                  
                  <!-- story -->
                  <table cellpadding="0" cellspacing="0" border="0" bgcolor='#fff' style="margin:0 14px 10px 18px;" width="362px">
                 <tr>
                                <td colspan="2" style="background-color:#002e67; padding:5px;">
                                    <h2 style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px; font-weight:bold; color:#fff;">Perfect planning for programmes?</h2>                                </td>
                       </tr>
                            <tr>
                                <td width="196" style="background-color:#8b9b93;">
                              <p style="font-size:13px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left; padding:5px 5px 0 5px;margin:0px 0px 0px 0px;">Earlier this year we launched a new way of working to help us better manage the aims, cost and delivery of new programmes. . <a href="#" style="color:#fff;">more</a></p></td>
                              <td width="166" style="padding:0; margin:0;">
                                  <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-3.jpg" width="166" height="121" style="margin:0; padding:0; display:block; border:none;">                              </td>
                          </tr>
                            <tr>
                              <td colspan="2" style="margin:0; padding:0;" width="362px"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/green-curve.gif" alt=" " width="362" height="17" style="margin:0; padding:0; display:block; border:none;" ></td>
                          </tr>
                  </table>
               <!-- end -->
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                     <!-- story 3 end -->
                     
                     <!-- story 4 start -->
  <table cellpadding="0" cellspacing="0" bgcolor='#ffffff' border="0" style="margin:0 14px 10px 18px;" width="362px">
                            <tr>
                                <td colspan="2" style="margin:0;">
                                    <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/pink-top-curve.jpg" alt=" " style="margin:0; padding:0; display:block;">
                                </td>
                            </tr>
                            <tr>
                                <td valign="top" style="background-color:#ec008c;"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/feedback-arrow.jpg" alt="  " width="57" height="61" style="margin:0; padding:0;"></td>
                        <td style="background-color:#ec008c;">
                                     <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/25-pound.gif" align="right"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/big-online-feedback.gif" alt="BIG Online feedback">
                                     <p style="font-size:12px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:4px 10px 6px 0px;"><strong><u>Feedback here</u></strong> - internal communications</p>
                                  <p style="font-size:12px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 10px 6px 0px;"><u><strong>Your score</strong></u> - just give us a score out of five, where five 
                                  is 'very useful' and one is 'not very useful' at all.</p>
                          <p style="font-size:12px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 10px 6px 0px;"><u><strong>Your feedback </strong></u>- are we covering the right topics in BIG Online? What would you like to see featured?</p>
                                  <p style="font-size:12px;line-height:16px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 10px 6px 0px;"><u><strong>Your stories</strong></u> - share your success stories on BIG Online. You'll win a &#163;25 voucher if we publish your story.</p>
                              </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/pink-bottom-curve.jpg" alt=" " style="margin:0; padding:0; display:block;">
                                </td>
                            </tr>
                  </table>    
                     
               <!-- story 4 end -->
                </td>
                <!-- left column end -->
                
                <!-- Right column -->
                <td width="204px" valign="top">
                
                    <!-- story one -->    
                     <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-top:4px solid #8071b4; margin:0 0 10px 0;" width="204px">
             <tr>
                                <td style="padding:0; margin:0;">
                                <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-5.jpg" width="204" height="116" style=" margin:0; padding:0; " >                               
                                 </td>
                    </tr>
                            <tr>
                                <td style= "background-color:#002e67; padding:5px;">
                                    <h2 style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px; font-weight:bold; color:#fff;">If at first you don't succeed</h2>
                                </td>
                            </tr>
                            <tr>
                                <td style="background-color:#00aeef; padding:5px 5px 0 5px;" width="204px">
                                    <p style="font-size:13px;line-height:17px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 00px 0px;">...then BIG is here to help. A great example of Intelligent Funding ensures much-needed funds reached the Scottish Drugs Forum - even though its first application was unsuccessful. Discover how IF lets us help groups apply for the right kind of funding... <a href="#" style="color:#fff;">more</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/blue-curve.gif" alt=" " width="204" height="18"></td>
                           </tr>
                  </table>
               <!-- story one end -->
                     
                     <!-- story 2 start -->
<table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-top:4px solid #00aeef; margin-bottom:10px;" width="204px">
                            <tr>
                                <td style="margin:0;">
                                <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-6.jpg" width="204" height="124" style="margin:0; padding:0; display:block;">                                </td>
                            </tr>
                            <tr>
                                <td style= "background-color:#00aeef; padding:5px;">
                                    <h2 style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px; font-weight:bold; color:#fff;">BPR goes live date set</h2>
                                </td>
                            </tr>
                            <tr>
                                <td style="background-color:#e2e477; padding:5px 5px 0 5px;">
                                    <p style="font-size:13px;line-height:17px;color:#525355;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px;">It's official - our new funding management system will be launched on 24 November 2010. Read on to find out how the new system will be rolled out - and how you can sign up for our pre-launch training...<a href="#" style="color:#525355;">more</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/lime-curve.gif" alt=" " width="204" height="13"></td>
                            </tr>
                  </table>
                     
                     <!-- story 2 end -->
                     
                     <!-- story 3 start -->
<table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-top:4px solid #ed008c; margin-bottom:10px;" width="204px">
                            <tr>
                                <td style="margin:0;">
                                <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-7.jpg" style="margin:0; padding:0; display:block;">
                                </td>
                            </tr>
                            <tr>
                                <td style= "background-color:#8071b4; padding:5px;">
                                    <h2 style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px; font-weight:bold; color:#fff;">Big Opinions... big actions</h2>
                                </td>
                            </tr>
                            <tr>
                                <td style="background-color:#89cbdf; padding:5px 5px 0 5px;">
                                    <p style="font-size:13px;line-height:17px;color:#525355;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin:0px 0px 0px 0px;">In response to your feedback in The Big Opinion survey, BIG has drawn up a clear and manageable set of follow-up actions. Find out what they are, how they'll improve our business and when they'll be delivered...<a href="#" style="color:#525355;">more</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/teal-curve.gif" alt=" " width="204" height="15"></td>
                            </tr>
                  </table>
                     
                     </td>
                <!-- right column end -->
            </tr>
        </table>
        
        <!-- 2 column end -->
    
    
    
    
    </td>
  </tr>
  <!-- Footer -->
  <tr>
    <td>
        <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                  <tr>
                    <td width="396px" height="13">
                     <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-top:10px solid #bcbdc1; margin:0 14px 0 18px;" width="362px">
                            <tr>
                                <td></td>
                            </tr>
                      </table>
                    </td>
                 <td width="204px">
                        <table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-top:10px solid #bcbdc1;" width="100%">
                            <tr>
                                <td></td>
                            </tr>
                        </table>
                  </td>
              </tr>
            </table>
        </td>
  </tr>
</table>

        </td>
  </tr>
</table>


</body>
</html>
Mathew Mathew, 4 years ago

Is the padding coming from inside the table cell, or around it? (i.e if you put a border on the cell, is the space inside or outside it?)


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

its inside, if I apply a bg color to the cell I see it on the left and top of the image (about 2px). Adding the image actually increases the table cell - that where the margin is coming from

Driving me insane.

BThies BThies, 4 years ago

Give me a few hours and I'll have something back to you.

EDIT:  Maybe a bit longer - couple projects just came in.


Brian Thies
Thies Publishing
Email: bthies@thiespublishing.com
Skype:  thiespublishing    Twitter: thiesbw
ericroeder, 4 years ago

I have the same problem as well.  I believe this is a MS Word 2007 issue.  I tried to make a table with an image in a cell.  I set every spacing parameter to zero I could find (table margins, paragraph spacing, table cell spacing, etc.) and I cannot get the space to the left of the image to go away.  It is almost like a placeholder for the cursor.

EDIT:
This problem only shows up when editing the email.  When you send it, the email is viewed correctly in Outlook 2007.

BThies BThies, 4 years ago

@hame22

I didn't have a lot of time to check it over, but the previews in Outlook seemed to look fine.

Give this a whirl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Big Online</title>
</head>
<body bgcolor="#ffffff" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="center" valign="top" bgcolor="#FFFFFF"><div style="font-size:6px; line-height:8px;">&nbsp;</div>
      <table width="600" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <!-- Header -->
          <td width="600"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/header.jpg" alt="BIG Online" width="600" height="179" border="0" /></td>
        </tr>
        <!--Content-->
        <tr>
          <td><!-- 2 column layout -->
            <table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
              <tr>
                <!-- left colun -->
                <td width="18">&nbsp;</td>
                <td valign="top" width="362"><!-- story 1 -->
                  <table width="362" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td width="362"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/article1.jpg" alt="" width="362" height="218" border="0" style="display:block;" />
                        <div style="font-size:3px; line-height:5px;">&nbsp;</div>
                        <div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:31px; line-height:31px; color:#525355; ">A day to remember</div>
                        <div style="font-size:4px; line-height:6px;">&nbsp;</div>
                        <div align="left" style="font-size:13px;line-height:16px;color:#1db7f1;font-family:Arial,Helvetica,sans-serif;">Staff from our Newcastle office discovered how we're helping elderly people make new friends in the community during a recent project visit. Find out how you can also apply to spend a day at a project we fund&hellip; <a href="#" style="color:#1db7f1; text-decoration:underline;">more</a></div>
                        <div style="font-size:8px; line-height:10px;">&nbsp;</div></td>
                    </tr>
                    <!--story 1 end -->
                    <!-- story 2 start -->
                    <tr>
                      <td width="362"><table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="101" valign="middle" style="border-top:10px solid #bcbdc1;"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-2.jpg" alt="" width="101" height="130" border="0" align="left" style="display:block;" /></td>
                            <td width="261" valign="top" style="border-top:10px solid #bcbdc1;"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:31px; line-height:31px; color:#525355; ">Straight to camera</div>
                              <div style="font-size:2px; line-height:2px;">&nbsp;</div>
                              <div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:18px; line-height:18px;color:#ec008c;"><strong>- Peter's half-year review</strong></div>
                              <div style="font-size:4px; line-height:6px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:16px;color:#525355;font-family:Arial,Helvetica,sans-serif;">In our BIG Online video, CEO Peter Wanless looks back over the first six months of 2010 and reviews our successes so far and offers a call to action in areas where can improve&hellip; <a href="#" style="color:#525355; text-decoration:underline;">more</a></div></td>
                          </tr>
                        </table>
                        <table width="362" cellpadding="0" cellspacing="0" border="0"><tr><td width="362"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/pink-swoosh.gif" alt=" " width="362" height="11" border="0" /></td></tr></table>
                        <table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="45" bgcolor="#ec008c"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/thin-pink-curve.jpg" width="45" height="19" border="0" style="display:block;" /></td>
                            <td width="312" bgcolor="#ec008c" valign="middle"><div align="right" style="color:#FFFFFF;font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif;"><strong>Click here to see video</strong></div></td>
                            <td width="5" bgcolor="#ec008c"></td>
                          </tr>
                        </table></td>
                    </tr>
                    <!--story 2 end -->
                    <tr>
                      <td width="362" bgcolor="#FFFFFF"><div style="font-size:8px; line-height:10px;">&nbsp;</div></td>
                    </tr>
                    <!-- story -->
                    <tr>
                      <td width="362" bgcolor="#002e67"><table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="357"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif; color:#ffffff;"><strong>Perfect planning for programmes?</strong></div>
                              <div style="font-size:3px; line-height:5px;">&nbsp;</div></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td width="362" bgcolor="#8b9b93"><table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="186" valign="middle"><div align="left" style="font-size:13px;line-height:16px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">Earlier this year we launched a new way of working to help us better manage the aims, cost and delivery of new programmes&hellip; <a href="#" style="color:#ffffff; text-decoration:underline;">more</a></div></td>
                            <td width="5"></td>
                            <td width="166"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-3.jpg" alt="" width="166" height="121" border="0" style="display:block;" /> </td>
                          </tr>
                        </table>
                        <table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="362"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/green-curve.gif" alt="" width="362" height="17" border="0" style="display:block;" /></td>
                          </tr>
                        </table>
                        <!-- story 3 end -->
                        <!-- story 4 start -->
                        <table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="362"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/pink-top-curve.jpg" alt="" width="362" height="11" border="0" style="display:block;" /></td>
                          </tr>
                        </table>
                        <table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="57" bgcolor="#ec008c" valign="top"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/feedback-arrow.jpg" alt="" width="57" height="61" border="0" style="display:block;" /></td>
                            <td width="246" bgcolor="#ec008c" valign="bottom"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/big-online-feedback.gif" alt="BIG Online feedback" width="246" height="27" border="0" />
                              <div style="font-size:4px; line-height:4px;">&nbsp;</div>
                              <div align="left" style="font-size:12px;line-height:16px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"><strong style="text-decoration:underline;"><u>Feedback here</u></strong> - internal communications</div></td>
                            <td width="9" bgcolor="#ec008c"></td>
                            <td width="50" bgcolor="#ec008c" valign="top"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/25-pound.gif" width="50" height="50" border="0" style="display:block;" /></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td width="362" bgcolor="#ec008c"><table width="362" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="57"></td>
                            <td width="295"><div style="font-size:4px; line-height:6px;">&nbsp;</div>
                              <div align="left" style="font-size:12px;line-height:16px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"><strong style="text-decoration:underline;"><u>Your score</u></strong> - just give us a score out of five, where five is 'very useful' and one is 'not very useful' at all.</div>
                              <div style="font-size:4px; line-height:6px;">&nbsp;</div>
                              <div align="left" style="font-size:12px;line-height:16px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"><strong style="text-decoration:underline;"><u>Your feedback</u></strong> - are we covering the right topics in BIG Online? What would you like to see featured?</div>
                              <div style="font-size:4px; line-height:6px;">&nbsp;</div>
                              <div align="left" style="font-size:12px;line-height:16px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"><strong style="text-decoration:underline;"><u>Your stories</u></strong> - share your success stories on BIG Online. You'll win a £25 voucher if we publish your story.</div></td>
                            <td width="10"></td>
                          </tr>
                        </table>
                        <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/pink-bottom-curve.jpg" alt="" width="362" height="13" border="0" style="display:block;" /></td>
                    </tr>
                    <tr>
                      <td width="362" bgcolor="#FFFFFF"><div style="font-size:8px; line-height:10px;">&nbsp;</div></td>
                    </tr>
                  </table>
                  <!-- story 4 end -->
                </td>
                <td width="16">&nbsp;</td>
                <!-- left column end -->
                <!-- Right column -->
                <td width="204" valign="top"><!-- story one -->
                  <table width="204" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
                    <tr>
                      <td width="204" style="border-top:4px solid #8071b4;"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-5.jpg" width="204" height="116" style="display:block;" /></td>
                    </tr>
                    <tr>
                      <td width="204" bgcolor="#002e67"><table width="204" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="199"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif; color:#ffffff;"><strong>If at first you don't succeed</strong></div>
                              <div style="font-size:3px; line-height:5px;">&nbsp;</div></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td width="204" bgcolor="#00aeef"><table width="204" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="194"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:17px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">&hellip;then BIG is here to help. A great example of Intelligent Funding ensures much-needed funds reached the Scottish Drugs Forum - even though its first application was unsuccessful. Discover how IF lets us help groups apply for the right kind of funding&hellip; <a href="#" style="color:#ffffff; text-decoration:underline;">more</a></div></td>
                            <td width="5"></td>
                          </tr>
                        </table>
                        <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/blue-curve.gif" alt=" " border="0" style="display:block;" width="204" height="18" /> </td>
                    </tr>
                    <!-- story one end -->
                    <tr>
                      <td bgcolor="#ffffff" width="204"><div style="font-size:8px; line-height:10px;">&nbsp;</div></td>
                    </tr>
                    <!-- story 2 start -->
                    <tr>
                      <td width="204" bgcolor="#FFFFFFF" style="border-top:4px solid #00aeef;"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-6.jpg" width="204" height="124" border="0" style="display:block;" /> </td>
                    </tr>
                    <tr>
                      <td width="204" bgcolor="#00aeef"><table width="204" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="199"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif; color:#ffffff;"><strong>BPR goes live date set</strong></div>
                              <div style="font-size:3px; line-height:5px;">&nbsp;</div></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td width="204" bgcolor="#e2e477"><table width="204" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="194"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:17px;color:#525355;font-family:Arial,Helvetica,sans-serif;">It's official - our new funding management system will be launched on 24 November 2010. Read on to find out how the new system will be rolled out - and how you can sign up for our pre-launch training&hellip;<a href="#" style="color:#525355;">more</a></div></td>
                            <td width="5"></td>
                          </tr>
                        </table>
                        <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/lime-curve.gif" alt=" " width="204" height="13" border="0" style="display:block;" /> </td>
                    </tr>
                    <!-- story 2 end -->
                    <tr>
                      <td bgcolor="#ffffff" width="204"><div style="font-size:8px; line-height:10px;">&nbsp;</div></td>
                    </tr>
                    <!-- story 3 start -->
                    <tr>
                      <td bgcolor="#FFFFFF" style="border-top:4px solid #ed008c;" width="204"><img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/page-images/article-7.jpg" alt="" width="204" height="115" border="0" style="display:block;" /></td>
                    </tr>
                    <tr>
                      <td width="204" bgcolor="#8071b4"><table width="204" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="199"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:13px;font-family:Arial,Helvetica,sans-serif; color:#ffffff;"><strong>Big Opinions&hellip; big actions</strong></div>
                              <div style="font-size:3px; line-height:5px;">&nbsp;</div></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td width="204" bgcolor="#89cbdf"><table width="204" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="5"></td>
                            <td width="194"><div style="font-size:3px; line-height:5px;">&nbsp;</div>
                              <div align="left" style="font-size:13px;line-height:17px;color:#525355;font-family:Arial,Helvetica,sans-serif;">In response to your feedback in The Big Opinion survey, BIG has drawn up a clear and manageable set of follow-up actions. Find out what they are, how they'll improve our business and when they'll be delivered&hellip;<a href="#" style="color:#525355;">more</a></div></td>
                            <td width="5"></td>
                          </tr>
                        </table>
                        <img src="http://www.sequelgroup.co.uk/dev/clients/big/bigonline/assets/images/common/teal-curve.gif" alt=" " width="204" height="15" border="0" style="display:block;" /></td>
                    </tr>
                    <tr>
                      <td bgcolor="#ffffff" width="204"><div style="font-size:8px; line-height:10px;">&nbsp;</div></td>
                    </tr>
                  </table></td>
                <!-- right column end -->
              </tr>
            </table>
            <!-- 2 column end -->
          </td>
        </tr>
        <!-- Footer -->
        <tr>
          <td width="600" bgcolor="#FFFFFF"><table width="600" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
              <tr>
                <td width="18">&nbsp;</td>
                <td width="362"><table width="362" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td width="18" style="border-top:10px solid #bcbdc1;"><div style="font-size:10px; line-height:13px;">&nbsp;</div></td>
                      <td width="330" style="border-top:10px solid #bcbdc1;"><div style="font-size:10px; line-height:13px;">&nbsp;</div></td>
                      <td width="14" style="border-top:10px solid #bcbdc1;"><div style="font-size:10px; line-height:13px;">&nbsp;</div></td>
                    </tr>
                  </table></td>
                <td width="16">&nbsp;</td>
                <td width="204"><table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td width="204" style="border-top:10px solid #bcbdc1;"><div style="font-size:10px; line-height:13px;">&nbsp;</div></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Brian Thies
Thies Publishing
Email: bthies@thiespublishing.com
Skype:  thiespublishing    Twitter: thiesbw
ChecMark, 4 years ago

Editing one of the excellent templates with FrontPage. Looks perfect in FP preview, but when I use it as stationery in Outlook there is a large white space above the footer graphic, which splits the look. Can't see any code that is causing this. Driving me nuts! Appreciate any help.

Sign up for free.
Then send campaigns for as little as $9p/m

Create an account