I’ve been doing a lot of HTML emails for VibeAgent lately. Don’t get me wrong; I love doing them. When it comes to coding and testing them, though, I time warp to 1997 and find myself nesting tables within tables.
See a snippet of an HTML email newsletter below!
-
<table style="margin-bottom:10px;" border="0" cellspacing="0" cellpadding="0" width="430">
-
<tbody>
-
<tr>
-
<td width="124"><a href="http://www.vibeagent.com/"><img style="border: 1px solid #CCCCCC; padding: 3px;" src="images/getaways_hotelphoto.jpg" alt="Hotel Name" /></a></td>
-
<td valign="top">
-
<table border="0" cellspacing="0" cellpadding="0" width="306">
-
<tbody>
-
<tr>
-
<td width="243">
-
<div style="margin:0px; padding:0px; color:#000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:14px; margin-bottom: 5px; font-size: 14px;">Amsterdam, Netherlands</div>
-
<div style="margin:0px; padding:0px; margin-bottom: 5px; color:#1771bb; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height:12px; font-size: 12px;"><a style="color:#1771bb; text-decoration: none;" href="http://www.vibeagent.com/">Renaissance Amsterdam Hotel</a></div>
-
<table border="0" cellspacing="0" cellpadding="0" width="100%">
-
<tbody>
-
<tr>
-
<td width="40">
Email clients handle HTML differently and I spend entirely too much time looking for workarounds and sending test emails. Among the particularly troublesome are cellpadding, background images, margins, and any tags that have default settings (h1, p, etc).
I fully support the email standards project in their quest to improve support for web standards in email. Pleeeeeease support this!
What do you think? Post a comment below
Psst... sign up or login and you won't be moderated.