Forum Moderators: open

Message Too Old, No Replies

Good formatting of html e-mails

Getting the right layout in mail clients for html e-mails

         

sebzzz

2:22 pm on Jun 14, 2007 (gmt 0)

10+ Year Member



Hi,

I work at his company and we send a monthly newsletter in html format, but my boss told me a lot of people people aren't able to read it correctly. So showed me what it looks like on her mail client (apple mail for Tiger) and the formatting is really ugly and text cluterred (pictures aren't displayed if I remember well).

Now, I'm trying to fix that. The newsletter is built with a Dreamweaver template (.dwt), and don't know about his stuff because I'm not very a WYSIWYG type of guy, but I looked at it and it was a regular html page, so I changed the extension to html and sent it to see what it looks like in a couple of mail clients I have access to (Thunderbird 1.5, Evolution, Gmail, RoundCube, SquirrelMail) but everything look fine on those. Even when the images aren't displayed by the client, the layout stays fine and readable.

Now, maybe it's my boss' mail client (for which I don't have access right now) or I did something they don't do correctly when they send it, but I can't seem to reproduce the problem (I sent it with my Linux box on evolution using the add HTML file).

The page is in html 4.01 transitional with a correct Doctype and the only thing I could see making the problem is the table design of the page. I'm I better of creating a table less design with the page with CSS? If so, can anyone point to me a good resource on the Web to switch a table design to a table less one?

Thanks in advance!

[edited by: tedster at 7:37 am (utc) on June 15, 2007]
[edit reason] fix format [/edit]

stajer

4:02 pm on Jun 14, 2007 (gmt 0)

10+ Year Member



It is the Mac Mail client - it is very finicky - check to make sure your code validates w3c - that should fix it.

Don't change to a css format - that will cause alot of problems for mail clients that can't handle the css (read: web mail clients that use css for the client's application).

Mr Bo Jangles

4:02 pm on Jun 14, 2007 (gmt 0)

10+ Year Member



Some suggestions:

1. We use campaignmonitor for sending out our mailings, and on their site they have a lot of helpful information about composing html e-mails - afterall, they want you to have success with your mailings.

2. We saved a number of very nice html e-mails we had received from large organizations, and then looked at their source code for 'inspiration' re best structure and practice. We settled on one sent out by Adobe re Dreamweaver - I mean those guys should know something right?