Having problems on decreasing the space with my two tables in Outlook windows if i send an email thru my gmail and outlook mcbook the space between two tables are fine but if the email is send to outlook windows it's having a large space between my tables please if anyone who is expert on doing some issue like this Thank you for your helpThis is on windows outlook table
This is on my mac
I want to fix this problem because its driving me crazy T.T
Related
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
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.
I have been working on an emailing project for a client using Lotus. Since they want each associate to be able to send a nice looking email individually, we first opted for a solution where we would design an email template, send it to the people meant to use it, and have them send an email using this template, by forwarding / cleaning up the headers and filling out a personal message in a specified area of the table.
Easy enough to accomplish for Outlook users.
But with Lotus (I believe they are using a very old version, running on windows XP), every time you forward an email containing table, all borders of the table appears as thick white lines, even though border="0" has been specified. It's quite an issue since our email has a dark background. Email does look ok upon reception, when it was send from an html mailer form example.
Do you know any html code trick to work one's way around this filthy bug ?
Lotus 8.5 continues to have this problem. The original email looks nice/professional. However upon forwarding in Notes, the borders are very thick, the font is larger, and there are --you'll love this one-- thin blank lines between each original line.
Notes is a great workflow/database system, however their email client continues to be very problematic/substandard. My company is switching to Outlook for all 13,000 employees this year. This happened at a prior company I worked and as well. It's really a shame, because Notes has been truly a superior product to Outlook for medium to large size companies for for the 13 years I have worked with both (Notes has had very good capabilities for index/search, workflow, and global offices). The best combination seems to be Outlook email client and Notes backend.
1) Get the customer to upgrade to a recent version of Notes & Domino. The HTML rendering & handling in Notes significantly improved with version 8.
2) This seems to be a problem with the version 6.5 Notes client.
I an having a problem with my HTML email.
My email is working correctly in most cases, the problem arises when I send to windows live mail.
1) opening the email in widoew live mail in IE all of the text becomes centered even though I have used the 'style="text-align:left;"' and the 'align="left"' options, I have tried them together and tried them seperate.
2)opening in windows live mail in anything other than IE the images have spacing below them. I have used the 'display:block;' and 'border-collapse:collapse;' and set the margin and padding to zero.
I used firebug in firefox to have a look and see what the problem is, it shows either a span tag or a p tag wrapping the img tags. I have no idea why it is doing this or how to fix it!
If anyone can help i'd be really greatful.
Thanks
no the align="left" doesn't work, If I use the align="justify" or align="right" it seems to work but not align="left". I have realised that I am only getting these problems when I send through outlook, I am using outlook 2007. after some studying with firebug it seems to me that outlook is adding its own classes to the email. it seems to be adding either or around all of my images with classes that seem to belong to outlook. I know outlook is not the best program in the world but on some occasions it is the only way I can send emails. is there any way I can get into the code that outlook is producing and change it, I know that sounds a bit drastic but it would be really good if I could. thanks for all the help guys, really appreciate.
A lot of mail clients support only older versions of html. gmail for example will not respect any css file (more information on email on acid) so you are restricted in what you can do with styling.
You can test how your email will look in various clients using online services such as email on acid or litmus.
I would suggest keeping the design very basic and using an old style table based layout.
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.