After styling an email and testing it, everything seemed to work fine except in Outlook.com, Microsoft Exchange, and Hotmail. For some reason, Exchange strips all the code used (tables, tr & td tags) no matter what I do. Is there a workaround for this issue, or is it simply not possible? I have utilized CSS in my <style>
tag. Should I switch to inline styling, or is there another solution?
In addition, my email uses specific values (shortcodes) from a form, which functions correctly in all other email clients except Outlook. If direct coding is not feasible, is there any alternative approach?
In short, how can I utilize code in my HTML email if Microsoft Exchange breaks all code, resulting in a blank email? You can view the entire email on my test site.
Here is the code for my email:
<style>
td {
text-decoration: none;
color: #78797a;
width: 420px;
line-height: 22px;
border: 1px solid black;
}
img {
display:block;
}
h3 {
text-decoration: none;
color: #434343;
}
h4 {
text-decoration: none;
color: #434343;
}
-webkit-text-size-adjust: none;
</style>
<table style="font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 200;">
<img src="http://www.belife.nl/wp-content/uploads/2015/06/belife-RGB.jpg" align="top"><br>
<h4>Referring Physician</h4>
<tr style="padding: 10px">
<td> Name</td><td> [name_ref]</td>
</tr>
<tr style="padding: 10px">
<td> Initials</td> <td>[initials_ref]</td>
</tr>
<tr style="padding: 10px">
<td> Gender</td> <td>[gender_ref]</td>
</tr>
<tr style="padding: 10px">
<td> Referrer Function:</td> <td>[function_ref]</td>
</tr>
<tr style="padding: 10px">
<td> Organization Name:</td> <td>[organization_ref]</td>
</tr>
... // More table rows
</table>
Shortcodes like [email_ref] are inputted through a form and must be included in the email.
Any advice or solutions would be greatly appreciated. Thank you!
EDIT * Although I was able to resolve the issues with Outlook myself, now Hotmail displays empty content for some reason, showing plain code instead. Could this be due to the inline code formatting? *