Using Tables Follow

Using tables, if you are creating a HTML email, is essential for formatting your layout. When you are using tables in your HTML, there are a few rules to follow to ensure the best formatting display when received to various email clients:

Set width of each cell - When you create a table, it is recommended to specify the width of each table cell. This ensures that the email clients display your table cells to the correct width and will not try to set their own default width. We also recommend setting your width using pixels, not percentages (except for your main container table, which is usually set to 100%).

Use Container Tables - Use container tables to organise and bunch together your smaller table arrangements.

Setting Background Colours - If you want to set a background colour for your table, we recommend applying the background colour to the container table, not the body of your email. Some email clients strip body tags, which will mean that a background colour applied to the body will be ignored.

Spacer Images - If you would like to maintain a gap between two columns of your table, we recommend creating a middle third column and setting the width of the cell. We do not recommend using spacer images.

Length of Table - In Outlook 2007 and 2010, tables that exceed around 1700 pixels in length will have a ‘page break’ space added. This means that the content in your table could be split, and you could see a large white gap (or multiple gaps) appear throughout your email. With this in mind, try to keep the length of your email down and use the ‘Read More’ link functionality to cut down on the size bulkier articles.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request