set table margins for outlook on mac signature

Set Table Margins For Outlook On Signature Code Across 70

But, much like padding, the efforts by email companies to modernize their rendering engines could lead to a resurgence of margin in email.

What should be a simple task is made infinitely more complex by the lack of email client standards.

Youll also find that all email developers have their own little tricks to creating space.

In this post well have a look at some of the most popular methods for creating spacing, the pros and cons of these methods, and the email client support.

Set Table Margins For Outlook On Signature Code Across 70

Email on Acid lets you test your email code across 70 mobile, web and desktop apps and you can get started today for free.

That means any email client that supports table will also support the cellpadding function.

When using heights, padding, or any CSS code we can override it with media queries.

With cellpadding, we dont have the ability to do that because its an HTML attribute, not CSS.

For example, adding a guttering around an entire email container.

For example, this is how you would use it to add the 20px spacing weve been using in this post.

As we explain in this blog post, empty table cells dont always retain their height.

Rather than specifying one bit of HTML or CSS, we must code an entire table structure.

The final mark against this method the fact that it requires exact pixel widths, which means its not suitable for fluid-hybrid emails.

Unfortunately, this method is largely unused except for when adding spacing between text or forcing line returns in your content.

Various email clients are known to read the line breaks at a different height, making it virtually impossible to create a pixel-perfect HTML email.

In the past, padding has been a big headache for email developers.

However, weve seen in recent years that companies are consolidating their email efforts, such as Microsoft switching the Outlook.com rendering engine to the Office 365 rendering engine.

The big advantage is the ability to override this in the head of the email.

For example, we could use media queries to switch 30-pixel padding on desktop to 10-pixel padding on mobile to take up less screen real estate.

Its best to stick to using padding on table cells, rather than on tables, for ease of use and troubleshooting.

Outlook has also been known to throw a bit of a tantrum when using padding on paragraph, div or anchor tags.

For me, it comes down to a choice of using padding and cellpadding to force spacing.

Set Table Margins For Outlook On Mac Signature