Wednesday, March 2, 2011

style="display:block;"

I get so annoyed when I receive newsletters to my gmail account and the images have weird spacing, most of the time completely breaking the layout of the email. It's super easy to solve, but just makes me think that these people aren't testing their newsletters.

The way that I do it, I build out the html, then do a find and replace. I find img src, and replace with
img style="display:block" src, it's really a good idea to just train yourself to do this for every email you build. The two clients that experience issues are hotmail, and gmail.

Message not centered in Hotmail?

I recently had an issue with my emails not centering in hotmail but centering everywhere else (gmail, yahoo, aol etc.). Even though I was defining w/in the main table align="center", it wouldn't work in hotmail. After a bit of google searching I found this fix:

<style type="text/css">
body { width: 100% !important; }
</style>

So far so good! I place this code now in all of my newsletters, directly under the <body> tag, and have yet to find any instances where it does not work.