So I’m still in the throes of some HTML email torture – I mean, work. My latest challenge was coming up with a centered layout that tested well across clients. Surprisingly, a lot of the solutions out there did not seem to test well – and the major problem child was Outlook (surprise surprise). If one layout worked in 2003 or earlier, it didn’t work in 2007 & 2010, and vice versa.
So, I basically wanted:
- A fixed width (in this case, 600 pixels, which is considered best practice)
- That worked in most clients (you can’t win ‘em all) – I particularly targeted Outlook, Gmail and Yahoo.
Per a few requests, I added a small feature to the font combinator:
First, the content on the first page is editable – but a lot of people miss that fact. Now, on hover, there is a dashed outline that I hope brings more attention to that.
Now, when you click on a piece of content that is editable, the font controls switch to the relevant options. It makes more sense when you play with it.
I was working on an HTML e-mail, and ran into an issue with borders. I’m writing down what I found as a help hopefully to others.
First – HTML e-mail is a PITA. That said, our clients still want them.