How to remove spacing from around tables in Outlook | Campaign

Loading...

FEATURES

PRICING

RESOURCES

CUSTOMERS

GALLERY

AGENCIES

Contact us

Log in

S I GN UP

BLOG - EMAIL MARKETING

Removing Spacing from around Tables in Outlook 2007 and 2010 R O S H O D G EK ISS - A PR 3, 2012

HOME

RESOURCES

Search blog

BLOG





Uh oh! This fix has unexplainably stopped working. We recommend Email on Acid’s fix instead.

Finally getting atop an annoying email rendering bug gives geeks like us near-endless, t-shirt removing satisfaction. Especially when it’s plaguing our newsletters. In this instance, our adversary was 3px spacing to the left and right of tables with align="" applied to them. The stage was Outlook 2007 and 2010. While this has been a long-running issue, things really came to a head when I was coding our latest email newsletter, only to find that two text boxes nested in a table would not sit alongside each other, thanks to said gaps:

Using align="" to float tables alongside each other is starting to be used as an easy way to convert a regular 2 column email design to a ‘wrapped’ 1 column on mobile devices. We’ll cover how to do this in the blog shortly. Anyway, after an agonizing hour or so of trying to close the gaps with padding and margin, I scheduled the campaign and walked away in defeat, knowing all too well that our Outlookusing subscribers would see the awkward gaps. Yes, I’d coaxed the boxes to sit beside each other, but it just wasn’t perfect. And anyone who knows how I code email designs knows that not perfect is simply not good enough. Time passed and things settled down. That’s until a customer contacted us on the forums about the same issue.

Going gap-free Instantly, my primordial feelings, my white-knuckled combat response returned. “There’s no workaround for this.” I typed. It felt like one of those scenes where the righteous cop hands over his badge and gun, locked in an expression of both impotence and rage. There was no workaround, until another customer chimed in. Known only as dedra and slinging a line of Microsoft Office proprietary CSS, he had a nearsolution – that is, using mso properties to control spacing between elements. The brain juices started flowing. I started googling around and found the answer tucked away on Emailology, a genuine Aladdin’s cave of email design treasure. To remove the spacing, simply add the following to your CSS styles…

table { border-collapse:collapse; mso-table-lspace:0pt; mso-tablerspace:0pt; }

… or inline it like so…

...

… and the gaps will be no more. The end result is a great-looking email newsletter:

Many thanks to Emailology, the mysterious dedra and all our customers on the forums for this fix. We’re now free to create responsive email designs with floating tables, that look just as lovely in Outlook 2007 and 2010, as in any other email client.

Send better email campaigns Subscribe to our email course to learn how to create and send highperforming email campaigns that drive results for your business. GET THE FREE EMAIL COURSE

12 Comments

Campaign Monitor Blog

Recommend 2

Login

1

Sort by Oldest

Share

Join the discussion… Justin Amphlett • 6 years ago

I've found wrapping tables in conditional code aimed at just Outlook provides a pretty bulletproof method. Although your version uses much less code.x0ax0aSo two tables floating next to each other, with an extra table containing them:x0ax0a


• Reply • Share ›

Step • 6 years ago

Thank you for this tip, this is really helpful! x0ax0a<3 Campaign Monitor

• Reply • Share ›

CMaddict • 6 years ago

Can't wait for the blog post about ""convert a regular 2 column email design to a 'wrapped' 1 column on mobile devices"" ...have a campaign in the hopper that just needs this solution so it can go out...

• Reply • Share ›

CMaddict • 6 years ago

Hey Ros, x0ax0aWorked a treat.. Thanks!

• Reply • Share ›

Konrad • 6 years ago

There is mistake in the text: Outlook 2007 and 2007 not perfect is simply not good enough! ;-)

• Reply • Share ›

Ros Hodgekiss • 6 years ago

Haha, you got me, Konrad! Just fixed that up, thanks for spotting the typo :D

• Reply • Share ›

Paul • 6 years ago

I get strange vertical gaps in Outlook 2007 (and only this program) in the actual COPY of my newsletter, and it drives me nuts... happens often when I try to right or left align an image in a newsletter article. Have never figured out a workaround. E.g., might have look something like this (supposed to be ONE paragraph): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam massa neque, ornare vitae imperdiet id, aliquet id ligula. [large gap appears here] Sed rutrum nunc ut quam tincidunt ac volutpat ligula aliquet. Aenean elementum tortor vitae nibh porta aliquet. Aliquam erat volutpat. Pellentesque egestas placerat elit, at blandit enim rutrum non. If anyone has a hack for this one, I would be MUCH appreciative. THANK YOU.

• Reply • Share ›

Ros Hodgekiss • 6 years ago

HI Paul, what you may be describing is this Outlook 2007 / 2010 space issue. The skinny is that when tables have rowspans exceeding 23.7in in height, gaps start to appear. Email on Acid above have a couple of suggestions, that may be of use. Let us know how you go :)

• Reply • Share ›

Mark • 6 years ago

Couldn't get Email on Acid's new fix to work. But more through luck than judgement, I got my aligned left tables to play nicely on Outlook 2007/10 by adding style="mso-table-lspace:0;mso-table-rspace:0;" to the first in the tables.

• Reply • Share ›

Mark • 6 years ago

Oops, that should read by: adding style="mso-table-lspace:0;mso-table-rspace:0;" to the first td in the tables. Apologies.

• Reply • Share ›

Julia • 6 years ago

thankyou thankyou thankyou! Solved my table padding issues which were threatening to drive me crazy. ;)

• Reply • Share ›

Carlos Garrido Vigo • 9 months ago

Excelent solution. Thank you very much from Spain

Subscribe

• Reply • Share ›

Add Disqus to your siteAdd DisqusAdd

Privacy

This blog provides general information and discussion about email marketing and related subjects. The content provided in this blog ("Content”), should not be construed as and is not intended to constitute financial, legal or tax advice. You should seek the advice of professionals prior to acting upon any information contained in the Content. All Content is provided strictly “as is” and we make no warranty or representation of any kind regarding the Content.

You should also check out this other helpful content.

GUIDE

INFOGRAPHIC

GUIDE

The Modern Guidebook to Email Marketing

5 Emails Every Marketer Should Send

50 Must-Have Content Ideas for Your Email Newsletter

STRAIGHT TO YOUR INBOX

Get the best email and digital marketing content delivered. Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox. S UBS CRI BE

See why 200,000 companies worldwide love Campaign Monitor. From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line. GE T S TARTE D FOR FRE E

PRODUCT

EMAIL MARKETING

COMMUNITY

COMPANY

Features

Agencies

Customers

About us

Pricing

Retail

Resources

Trust Center

App Store

Nonprofit

Blog

Careers

API

Entertainment

Support

In the news

Publishing Technology Travel

GE T THE LATE S T CONTE NT

Terms & Policies

© 2018 Campaign Monitor - Email Marketing Software

Loading...

How to remove spacing from around tables in Outlook | Campaign

FEATURES PRICING RESOURCES CUSTOMERS GALLERY AGENCIES Contact us Log in S I GN UP BLOG - EMAIL MARKETING Removing Spacing from around Tables...

820KB Sizes 2 Downloads 7 Views

Recommend Documents

How to remove sulfur dioxide from air
Assoc. Jan 08, 1979 · This invention relates to a process for removing sulfur dioxide from exhaust air or exhaust gas a

How to mail merge in Outlook 2013 - Outlook Add-ins
Jun 12, 2013 - Basically, you can import Outlook Contacts and personalize mass emails (mail merge), so you can email a n

How to remove BING from Internet Explorer, Firefox
May 23, 2014 - I learn something totally new and challenging on blogs I stumbleupon everyday. It's always helpful to rea

How to remove revision number from Visual Studio C# executable
Oct 5, 2015 - The data in EXE files is a VERSIONINFO resource, and the version number is four 16-bit integer values repr

How to Find Duplicates in Excel. Remove Duplicates in Excel
Apr 14, 2016 - What should you do if there is no Column that Uniquely identifies your rows? We need ... As we want to Hi

How to Remove Facebook Account - How To Create Register Account
6 hours ago - ... the phone or email even more assists to keep your partnerships at the very least a little bit extra pe

How To Remove LoudMo PPI (Instructions) - Solvusoft
When a browser is opened, LoudMo PPI begins running in the background under the guise of a program designed to improve u

Remove timestamp from pdf
Gooiest Moshe drew his quantitative aptitude arun sharma 7th edition pdf evidence smatter wolfishly coverage. Collins ve

how to safely remove asbestos - SafeWork SA
4.2 Indicating the asbestos removal areas. 24. 4.3 Wet and dry methods. 25. 4.4 Tools and equipment. 27. 4.5 Personal pr

How to Fix gnre.exe - Remove gnre.exe Error
Warning : You Need to Check and Fix gnre.exe Errors Now. gnre.exe is not found as a computer virus. But we cannot ensure