HTML e-mails Outlook 2007

Boogle · 09-19-2007, 12:37 PM

Hi guys,

I have created an application that basically reads an html file into a string variable and applies it to the body of a MailMessage, thus enabling me to effectivly do my own mailmarketing through my own smtp service.

The program works fine but what happens is when i recieve the e-mail is that not all the styles have been applied,

The html code:

Code:

<!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>Untitled Page</title>
	<link href="http://www.yourdomain.co.uk/newsletter.css" rel="stylesheet" type="text/css">
</head>
<body style="text-align:center;">
    <table class="fulltable" border="0" cellpadding="0" cellspacing="0">
        <!-- HEADER IMAGE -->
        <tr> 
            <td style="height: 50px;" colspan="5">
            <img src="http://www.yourdomain.co.uk/images/NewsLetterTitle.jpg" alt="xxx" style="padding-top:12px;" />
            
            
        </td></tr>
        <!-- HEADER IMAGE -->
        <!-- NAV LINKS --> 
        <tr>
        <td class="navlinks" style="width:20%; font-family:Calibri; font-size:14px;">
            <a href="http://www.yourdomain.co.uk/">Home</a>
            </td>
            
        <td class="navlinks" style="width:20%; font-family:Calibri; font-size:14px;">
            <a href="http://www.yourdomain.co.uk/what.htm">What</a>
            </td>
            
        <td class="navlinks" style="width:20%; font-family:Calibri; font-size:14px;">
            <a href="http://www.yourdomain.co.uk/who.htm">Who</a>
            </td>
            
        <td class="navlinks" style="width:20%; font-family:Calibri; font-size:14px;">
            <a href="http://www.yourdomain.co.uk/total.htm">Community</a>
            </td>
            
        <td class="navlinks" style="width:20%; font-family:Calibri; font-size:14px;">
            <a href="http://www.yourdomain.co.uk/contactus.htm">Contact Us</a>
            </td>
            </tr> 
        <!-- NAV LINKS -->
        
        <!-- BODY CONTENT-->   
        <tr>
            <td class="textcontent" style="height:235px" colspan="3">
            <br />
            <h3 style="font-family:Calibri; padding:0px 0px 0px 0px; margin-bottom:5px;">yourdomain.co.uk at the Bingley Music Live Festival</h3>
            We then went on to speak about how Google and other search engines work. 
            He gave me an informative speech on how they work. Basically, a search engine will 
            ‘search’ or ‘crawl’ your website for its content and from this content will ‘describe’ 
            your website in its database terms (basically index it for the search terms customers 
            would use). Therefore the search engine will get from our homepage ‘state of the 
            art mobility products’, therefore even if we were ranked highly in organic terms 
            (i.e. natural searches and NOT sponsored links, like what we’re doing now) and 
            people searched for just ‘wheel chairs’ we would not be shown on the first Google 
            page, simply because our main tag would be ‘state of the art mobility products’. 
            This means if people search for ‘state of the art mobility products’ we would 
            come on the first page but only if we were ranked highly within the natural 
            rankings, which we don’t. 
            </td>
            
            <td colspan="2">
            <img src="http://www.yourdomain.co.uk/images/newsletterlift.gif" alt="xxxx" />
            </td>
        </tr>
         <tr>
            <td style="height:180px" colspan="2">
            <img src="http://www.yourdomain.co.uk/images/newsletterBreezy115.jpg" alt="dfrf" style="margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;" />
            </td>
            <td class="textcontent" colspan="3" style="padding-right:14px; padding-left:2px;">
            <h3 style="font-family:Calibri; margin-bottom:5px;">yourdomain.co.uk Paraplegics!</h3>
            We must also try and compete for natural names that we are able to compete in, 
            i.e. It’s no good trying to be in the natural top 5 listings for ‘wheelchair’ 
            because in terms of website rankings, we’re the fat, 60cigs a day marathon runner 
            and the ranked websites are the skinny little fit punk with legs as thin as 
            Ash’s arms; they only eat lettuce and run 50 mile-a-day!
            </td>
        </tr>
        <!-- BODY CONTENT-->
        <!-- FOOTER -->
        <tr>
        <td class="footercontent">
        <a href="http://www.yourdomain.co.uk/disclaimer.htm">disclaimer</a> <a href="http://www.yourdomain.co.uk/disclaimer.htm">newsletter info</a>
        </td>
        </tr>
        <!-- FOOTER -->
        <!--SPACEWASTER-->
        <tr>
        <td colspan="5" style="height: 19px">
        </td></tr>
        <!--SPACEWASTER-->
    </table>

</body>
</html>

Please ignore any real links i forgot to change and the content is dummy content pasted just to check on the layout.

Now if you paste that into an empty html editor, it will work fine BUT and here's the big BUT:

If you recieve it through e-mail with any kind of security it won't download the proper layout style or the background image in particular. Is this a known issue and should i be simplyfying things so that there is no background image and so that the mail is really simple but html?

sorry if this didn't make much sense i've had to rush!

Any help appreciated guys,

Thanks
Boog's