Gmail email rendering - coding

Adrian Cotter:

Hey Cflippo, this is a case where seeing the code would help a lot.

Here it is. I appreciate your help.

Chris

Adrian Cotter:

Hey Chris,

Did you copy that from gmail, or was that out of Convio?

All the HTML was embedded in Javascript and when I got in HTML again, it looked (when I opened it in a browser) as it appeared in your gmail screenshot, so I am not sure if I am looking at the original HTML or not.

If in gmail, under the Reply drop down, one of the choices is "Show Original" which will have some email information, but also the HTML it originally received as well.

From Gmail. Do you want Convio coding? If so, should I lift out the wrapper or email content? I appreciate that you're taking the time to help me. I'm such a marketer and have never had to do my own coding until this job.

Adrian Cotter:

I would do a preview of the email as it is to be sent in Convio (so wrapper and content all together), and right click and view source. Copy or save the source...

Hi Adrian, I did this for our latest e-mail. Here it is and for the one I previously uploaded.

The text won't remain san serif either. We tried adjusting our CSS, but I've read for email it has to be inline coding and I don't know how to do that. Any assistance you can provide is appreciated. Second Debut is the one originally uploaded. I resolved some things, but not all. The opportunities one has the footer in Gmail way over to the left and all the rest is aligned. Strange.

Adrian Cotter:

Hey Chris,

So it looks like the differences in fonts are that some tags have font tags around them and some don't.

There's various ways to address that:

• in Convio WYSIWIG make sure that you apply the correct font to every set of text.

there are some paragraphs where it is left to the default font. The reason you don't necessarily see it when you preview it in Convio, is that it is adding in your stylesheet, so the default font is already correct. Gmail uses a serif font for their default and is not loading in your stylesheet.

• clean up the code by hand

• the quickest way -- add a style to the outer table in the email. This would like this:

The Opportunities email:

I can't reproduce the problem exactly, but there were various issues with overlapping tags, and a links(store link), and a bad alt img attribute. So I've cleaned it up a tad. If you could send it to me at drainage@gmail.com I'll check it out.

If I were starting over, I might simplify the HTML as much as possible -- removing as many nested TABLE as possible.

Thanks, Adrian. I'll do my best. E-mail coding seems more complicated than Web coding and I started out knowing neither. I'm a marketer and doing all of this is driving me crazy. LOL.