Outlook 03 unresponsive when forwarding

Designing a new email that has some graphic borders around tables and in outlook 2003 (2010 is instant) when the forward button is pressed outlook locks up for about 1 1/2 minutes.
I have tried everything I can think of to fix what I thought the issues were:
-originally the side shading was done with cells that had a spacer in each one
-removed spacer images
-changed to graphic using BTheis's code
-changed table border images to be hosted on dropbox (theory was they wouldnt be classed as individual images by outlook and only downloaded the once)

I have run out of ideas apart from throwing the design entirely and doing something really simple.
Here is the code for one of the cells (there are around 7 of them)

<table width="720" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="24"><img style="display:block" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/TL.png" width="24" height="24" /></td>
        <td width="672"><img style="display:block" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/T.png" alt="" width="672" height="24" /></td>
        <td width="24"><img style="display:block" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/TR.png" width="24" height="24" /></td>
    </tr>
    <tr>
        <td colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="24" background="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/L.png">
                    <!--[if gte vml 1]>
                        <v:image style='width: 24px; height: 193px; position: absolute; top: 0; left: 0; border: 0; z-index: -1;' src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/L.png" />
                    <![endif]-->
                </td>
                <td align="center" valign="top" width="672"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td colspan="2" align="center" class="HeadinGrey">Quadra Flash Drive</td>
                    </tr>
                    <tr>
                        <td width="75%" align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="195"><span class="ProdCol"><strong><span class="CudeNum">104072</span></strong></span></td>
                                <td><a href="mailto:stockwizard@trends.co?Subject=104072"><img src="../Design Images/Stock Wizard Buttons/FlashExpressNew.png" alt="Stock Wizard" width="108" height="17" border="0" /></a></td>
                            </tr>
                        </table>
                            <span class="ProdCol"><strong>Ex Stock -</strong> Available in 1GB<br />
                                <strong>Indent -</strong> Available in 1, 2, 4 &amp; 8GB<br />
                                <strong>Standard Colours - </strong>Silver, White, Metallic Red, Blue, Black<br />
                                <strong>Printing -</strong> Available with Full Colour printing on both sides <br />
                                <strong>Packaging -</strong> Magnetic Closure Gift Box, Zip Lock Bag</span>
                            </p></td>
                        <td width="25%" align="right"><img editable="true" src="../Design Images/USB/2011/drives/new jpg/Quadra.jpg" alt="" width="282" height="140" /></td>
                    </tr>
                </table></td>
                <td width="24" background="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/R.png">
                    <!--[if gte vml 1]>
                        <v:image style='width: 24px; height: 193px; position: absolute; top: 0; left: 0; border: 0; z-index: -1;' src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/R.png" />
                    <![endif]-->
                </td>
            </tr>
        </table></td>
    </tr>
    <tr>
        <td><img style="display:block" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/BL.png" width="24" height="24" /></td>
        <td><img style="display:block" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/B.png" alt="" width="672" height="24" /></td>
        <td><img style="display:block" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/BR.png" width="24" height="24" /></td>
    </tr>
</table>
Bullchicken Bullchicken, 5 years ago

I have updated it to have all jpg's instead of some png's in case it was some weird thing like that but no luck. I also removed the non needed nested tables and am still having no luck.

No ideas or similar experiences?

roshodgekiss roshodgekiss, 5 years ago

Hi Bullchicken, sorry about the late response here! My first guess is that Outlook is struggling to download the images hosted on Dropbox. Have you tried importing the images that are not wrapped by conditional comments into the app?

That aside, I saw an orphaned <p> tag floating around, so I removed it from the code:

<table width="720" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="24"><img style="display:block;" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/TL.png" width="24" height="24" /></td>
        <td width="672"><img style="display:block;" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/T.png" alt="" width="672" height="24" /></td>
        <td width="24"><img style="display:block;" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/TR.png" width="24" height="24" /></td>
    </tr>
    <tr>
        <td colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="24" background="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/L.png">
                    <!--[if gte vml 1]>
                        <v:image style='width: 24px; height: 193px; position: absolute; top: 0; left: 0; border: 0; z-index: -1;' src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/L.png" />
                    <![endif]-->
                </td>
                <td align="center" valign="top" width="672"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td colspan="2" align="center" class="HeadinGrey">Quadra Flash Drive</td>
                    </tr>
                    <tr>
                        <td width="75%" align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="195"><span class="ProdCol"><strong><span class="CudeNum">104072</span></strong></span></td>
                                <td><a href="mailto:stockwizard@trends.co?Subject=104072"><img src="../Design Images/Stock Wizard Buttons/FlashExpressNew.png" alt="Stock Wizard" width="108" height="17" border="0" /></a></td>
                            </tr>
                        </table>
                            <span class="ProdCol"><strong>Ex Stock -</strong> Available in 1GB<br />
                                <strong>Indent -</strong> Available in 1, 2, 4 &amp; 8GB<br />
                                <strong>Standard Colours - </strong>Silver, White, Metallic Red, Blue, Black<br />
                                <strong>Printing -</strong> Available with Full Colour printing on both sides <br />
                                <strong>Packaging -</strong> Magnetic Closure Gift Box, Zip Lock Bag</span>
                            </td>
                        <td width="25%" align="right"><img editable="true" src="../Design Images/USB/2011/drives/new jpg/Quadra.jpg" alt="" width="282" height="140" /></td>
                    </tr>
                </table></td>
                <td width="24" background="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/R.png">
                    <!--[if gte vml 1]>
                        <v:image style='width: 24px; height: 193px; position: absolute; top: 0; left: 0; border: 0; z-index: -1;' src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/R.png" />
                    <![endif]-->
                </td>
            </tr>
        </table></td>
    </tr>
    <tr>
        <td><img style="display:block;" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/BL.png" width="24" height="24" /></td>
        <td><img style="display:block;" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/B.png" alt="" width="672" height="24" /></td>
        <td><img style="display:block;" src="http://dl.dropbox.com/u/9262603/FlashTrendsIMG/BR.png" width="24" height="24" /></td>
    </tr>
</table>

For this design, I'd probably recommend simplifying the table layout and using border-radius and text-shadow to create this effect in CSS3 friendly clients, while making it degrade nicely into a rectangle in Outlook. Of course, you may not be able to get away with this, but it certainly would make things much easier from a code perspective. Let me know how you go and thanks for all the great advice you've been providing on the forums :)


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

Hi Ros,
Thanks for the help. Originally all the images were hosted from campaignmonitor, I tried moving them to dropbox so the email would have the same filenames for the repeating images in case outlook was trying to redownload each one as a different image (it still does this so it must be a stupid outlook thing)
I dropped the fancy borders and have simplified it to just use a regular hairline table border on them, interestingly it still takes a good minute to do the forwarded email loading.

roshodgekiss roshodgekiss, 5 years ago

Very odd! I'll definitely let you know if I come across the same behaviour with Outlook, thanks for keeping me posted on this, too.


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