Creating HTML for Email that works in both outlook, outlook express and web browsers is quite tricky.
Quick 30 minute crash course for it
http://sixrevisions.com/web_design/creating-html-emails/[
30 minute crash course^]
Some things work, and some don't.
I've tried built-in styles, but they don't work.
It's a combination of having the old school html attributes combined with CSS styling.
So like the element below will work on everything. Stick with fixed values first like 60px, instead of 50%.
<td width="60" style="width: 60px;"></td>
Here's a snippet of what I use, this is from a html file that I read, replace the data, and feed into the body of net.mail, and it works on everything I have tested on so far.
<table width="700" style="width: 700px; background-color: rgb(234,230,228);" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" style="height:146px; text-align: left; vertical-align: top;">
<a href="http://buckridgebarn.com?clid=smtp" target="_blank">
<img alt="Buck Ridge Barns header image header image" src="http://buckridgebarn.com/EN-US/images/smtp/bg-SMTP_Header.jpg" style="border: none;" />
</a>
</td>
</tr>
<tr>
<td valign="top" width="700" height="32" style="width: 700px; height: 32px; text-align: left; padding-left: 20px;">
</td>
</tr>
<tr>
<td valign="top" width="700" height="64" style="width: 700px; height: 64px; text-align: left; padding-left: 20px;">
<div style="height: 64px; color: rgb(40,40,40); font-size: 1.2em; font-weight: 800; vertical-align: top;">
<% smtp.CustomerName %>, has connected to <% smtp.WebsiteName %>
</div>
</td>
</tr>
</table>