I realize I will probably be arrested and shot for asking this in the Tech industry, but have you considered older workers? Those of us coders in our 50's and 60's are pretty familiar with HTML the way we had to do it in 1995. We aren't looking to move around, we usually have a good deal of business acumen, and we're usually exposed to graphic tools and design as well as code. And believe it or not, we can learn new tricks! I have to do so daily.
While I am almost solely the main email developer for my company, it helps that I also have side projects doing more modern web design and code; landing pages for instance. And I love the challenge of getting that cool new component to work in Outlook 2007 :-).
Grey hair does NOT equal calcified brain, Tech Industry! Get a clue.
CheetahMail is an Experian product. The interface could definitely use an update, and the reporting could be more granular, but it works just fine for us and has for years. If you need their help developing code, be prepared for it to be, well..., odd.
We have used it once so far, with MovableInk content. We just ended up with links to content hosted on their site (like one would with an image) and it worked fine. Even saw a definite bump in click-through.
I have been using this code Rasmus, and it tests well in Litmus. Also no issues raised by internal or external customers for the year+ we've had it in place.
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" class="mobiletable" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0;"> <tbody> <tr> <td width="25%"> </td> <td width="50%" align="center" valign="middle"> <a href="#" style="text-decoration: none;"> <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FF9000" style="border-radius: 4px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0;"> <tbody> <tr> <td align="center" style="padding: 10px;"> <span style="color: #FFFFFF; font-size:20px; letter-spacing: 1px;"> Call to Action </span> </td> </tr> </tbody> </table> </a> </td> <td width="25%"> </td> </tr> </tbody> </table>
I put this in a
<td> element. The 'mobiletable' class is for responsive, to shrink the width to 360 pixels. We don't test for Lotus Notes or Blackberry, so there's that, but it did work in Windows Phone before Litmus dropped it. Hope it helps.
If I view Yahoo mail in Internet Explorer I still find things I centered to be centered, but now when I check it in either Firefox or Chrome they are left aligned. Litmus is showing the same in tests.
I found a hint to use table-alignment: fixed; in the style attribute for tables, but it is not currently helping. Also tried <center> without luck. Sigh.