Invisible lines in html document when sent via Outlook 2007.

There is a problem is been dealing with for a few days now and i can't seem to figure it out.

I've designed a HTML page in dreamweaver and uploaded it to a host etc on the net, previewing doesn't show any difficulties with the image at all however when I upload and send it via Outlook 2007, there is a line right at the top next to my 'open in browser button' that runs down the right hand side of my image.

I've checked the design for any background, i've remade the pages a hundred times but this keeps happening. Is there something in the code anyone can find which could be the problem? code below...

<html>
<head>
<title>meetme</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (anotherdesign.psd) -->
<table width="561" height="1585" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="14">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/top.gif" width="560" height="4" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td colspan="12">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_top.gif" width="423" height="14" alt=""></td>
        <td colspan="2"><a href="http://www.mawi.co.uk/newsletter/meetme.html"><img src="http://www.mawi.co.uk/newsletter/images/meetme/brwsr_btn.gif" alt="" width="137" height="14" border="0"></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="14" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_l_logo.gif" width="228" height="49" alt=""></td>
        <td colspan="3">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/logo_btn.gif" width="105" height="49" alt=""></td>
        <td colspan="6">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_r_logo.gif" width="228" height="49" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="49" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_l_meet.gif" width="169" height="18" alt=""></td>
        <td colspan="8">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/meet_me.gif" width="225" height="18" alt=""></td>
        <td colspan="3">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_r_meet.gif" width="166" height="18" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="14">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/sp_smr.gif" width="560" height="12" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="12" alt=""></td>
    </tr>
    <tr>
        <td colspan="14">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/models.jpg" width="560" height="787" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="787" alt=""></td>
    </tr>
    <tr>
        <td rowspan="8">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/flwr_brdr_l.jpg" width="70" height="640" alt=""></td>
        <td colspan="5">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/crl_txt.gif" width="188" height="55" alt=""></td>
        <td rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/ring_im.jpg" width="58" height="73" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_r_rng.gif" width="65" height="73" alt=""></td>
        <td colspan="4" rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/earng_txt.gif" width="119" height="73" alt=""></td>
        <td rowspan="8">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/r_brdr_flw.jpg" width="60" height="640" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="55" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blnk_bpentxt.gif" width="188" height="18" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blk_a_chrm.gif" width="145" height="45" alt=""></td>
        <td colspan="6" rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/rng_txt.gif" width="169" height="59" alt=""></td>
        <td colspan="3" rowspan="4">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/hrt_pen.jpg" width="116" height="234" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="45" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/chrm_im.jpg" width="145" height="163" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="14" alt=""></td>
    </tr>
    <tr>
        <td colspan="6">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blk_brng_tx.gif" width="169" height="149" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="149" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blk_l_prl.gif" width="98" height="242" alt=""></td>
        <td colspan="8" rowspan="2">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/prl_img.jpg" width="216" height="242" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blk_r_prl.gif" width="116" height="216" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="216" alt=""></td>
    </tr>
    <tr>
        <td colspan="12">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/blog_btn.gif" width="430" height="117" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="117" alt=""></td>
    </tr>
    <tr>
        <td colspan="14">
            <img src="http://www.mawi.co.uk/newsletter/images/meetme/fter_flw.jpg" width="560" height="60" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="60" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="70" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="98" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="46" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="30" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="58" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="48" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="29" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="77" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="60" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
roshodgekiss roshodgekiss, 5 years ago

HI filiz, welcome to the forums! From a quick look at your code, I have a few recommendations:

* Add img { display: block; } to your styles to prevent gaps from appearing around your images in Gmail
* Your first table tag looks like so:
   <table width="561" height="1585" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
   * The table width is set to '561', whereas the email width is '560'. Try changing this to '560'.
   * Remove height='"1585"
* The final row contains lots of height="1" spacer images. Remove these if possible, as they're a) not necessary and b) may be pushing out the width of the design.

Just a gentle recommendation here that you include some text content in your email newsletter, as campaigns with a high image/text ratio have a higher likelihood of being marked as spam in both email clients and filters. Pretty much all the text contained in images in this design could be replaced with editable web text and loads of the white spacer images can be removed altogether, both to improve said ratio and reduce load times for recipients. Also, if you haven't taken a peek at it already, I recommend you read our guide on image blocking in email clients.

Thanks, filiz - give me a holler if you have any questions about the above. All the best with your design. :)


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