I have some problem with outlook. I ran a free litmus test. In every outlook version, it's looking good except Outlook 2007 and 2010. First, it wasn't looking good in every outlook version... then here I read some post and made a few changes... And now It's ok except outlook 2007 and 2010.. The left column loadings but the right column don't start until the end of the left column....
Please help me out.. I can't put My html code here or add any image here.. It says I need 10 reputation.. But I'm new here
Related
I've been working on an email template for my contract job and I can't for the life of me get it to work in outlook 2003, 2007 and 2013.
Here is the link to the email client test results:
http://wlsnook.createsend.com/screens/j/31DADA4FC88B5523
When you select the 3 versions of outlook indicated above, you will see that the cones are not aligned correctly. The other e-mail clients look fine.
I used a litmus built template but it does not appear to be compatible with outlook.
Here's a link where you can view my email and the code for my email.
Can anyone help me diagnose the CSS layout issues on the page? I would appreciate it... This went from a 2 hour project to a whole day just for 3 email clients.
https://www.campaignmonitor.com/css/
You can check this website which mentions ehich css property are compatible across email client
i'm become very frustrated about this stuff
i'm using html email boilerplate framework to build my own one. from some test it's still not well rendered on outlook 2007
here to grab my code http://pastebin.com/nh8R4Lng
screenshots
thanks
All your images need style="display:block;"
Try this, it seems like an old fashioned table length/width issue. Outlook 2007 doesn't handle unset table widths very well. http://pastebin.com/swXTzT19
I forced a few of the td widths to be 30 and made the border left and right longer and ran some litmus tests. It looked good to me.
Thanks for using the boilerplate.
I have just designed my first html eshot and tested it on different email clients using Mailchimps inbox inspector. Its fine across all clients as far as I can see except for Outlook 2007 & 2010. The image on the left moves out of place quite a bit. Outlook 2003 and all others are fine, its just 2007 & 2010 causing the problem.
Weblink (how it should look)
Outlook 2007 & 2010 (how it shouldn't look):
Does anybody know whats wrong? I'v tried all sorts and it nothing is working, its driving me crazy.
My estimation, looking at your code, is colspan is causing an issue. In my experience with coding e-mails, colspan and rowspan should be avoided. If you need to change the number of columns, close the table and start a new table. It's a lot of extra markup, but that's the deal with coding emails.
Coding e-mails is very, very challenging. There's many articles on the challenges with the various e-mail clients and their quirks - not to mention GMail, AOL, Yahoo!, etc.
I would suggest starting here:
http://www.campaignmonitor.com/css/
Their chart gives you a quick overview of the compatibility of various css selectors, etc. with the email clients out there.
Then, you need to learn some of the strange things that happen, such as the margin that GMail adds to images. (Add display:block; to the images: http://www.campaignmonitor.com/blog/post/3132/how-to-stop-gmail-from-adding-a-margin-to-your-images/)
A tool that I have begun to use is Email On Acid, which lets you preview the e-mails in a WIDE variety of email clients.
this is the html page i used to create the email
http://news.lenovoconnect.com/display_2011.php?cty=th&year=2012&mnt=01&showcd=1
I go to view source and copy paste the html into the mailing software.
same thing but for vietnamese
http://news.lenovoconnect.com/display_2011.php?cty=vn&year=2012&mnt=01&showcd=1
All other clients like web browsers or even lotus notes can render the thai email fine. BUT NOT OUTLOOK 2010.
For other languages like Vietnamese, I do not have this problem even for outlook 2010.
i urgently need to resolve this within 24 hours.
Please help.
See attached for how it looks for both vietnamese and thai. Notice how it is screwed up in thai
https://picasaweb.google.com/lh/photo/44ArhI5W_xvhu0u5cEhYGdMTjNZETYmyPJy0liipFm0?feat=directlink
https://picasaweb.google.com/lh/photo/F1hP3XH7Vz5TcIZ8CV8DStMTjNZETYmyPJy0liipFm0?feat=directlink
To increase my chances of success, I have cross-posted this in microsoft forums as well.
I am sorry if this is an issue.
this is the cross post http://answers.microsoft.com/en-us/office/forum/office_2010-outlook/my-html-email-works-perfectly-for-all-clients/8936d227-16cf-4cf9-8b25-706797a3e742
Can't give you a definitive answer but running that URL through the W3C validator gives something like 37 errors, that may be your problem.
http://validator.w3.org
I've designed an HTML email (with no css, using tables, etc) that essentially consists of one outer table that contains 3 inner tables. The email renders fine in Outlook 2003 but when the user forwards it, only the top table is preserved in the forward.
I've tested this in:
Outlook 2003 (11.8330.8341) SP3
Outlook 2003 (11.5608.5606)
Any idea what could be going on here? I don't really even know where to start. When I look at the HTML content of the forward, it is mangled beyond belief.
UPDATE:
There's a setting in MS Outlook 2003 under Tools > Options > Mail Format that says "Use microsoft office word 2003 to edit email messages". When the user does not have Outlook installed (and so the option is unchecked and grayed out) or when this is simply not checked, the forward appears correctly. However, checking this option brings up the composer in an instance of Word.
Word completely screws up the HTML - creating actual data loss, not just formatting problems.
UPDATE 2:
Found this question. Although the answer didn't help me, anyone on this question might want to check it out:
HTML E-mail Layouts Breaking When Forwarded - Make it Survive the Word 2003 HTML Editor
QUESTION:
What is happening here? Is there any information about certain HTML that Word will strip? I'm using only the most basic elements and styles I can find.
What is happening here?
Word stripped everything inside divs. I didn't do robust enough testing to determine whether or not this would be true of any div. I converted them to tables and everything now works.