Dealing with layout issues

When you code your emails in HTML, you might deal with a series of problems, including layout problems. One of them has to do with gaps and the alignment of the tables. Both of these issues can be addressed with the HTML table code given the fact that all HTML tables that you create, for instance, should have the following set of code:

<table border =”1” cellpadding=”0” cellspacing=”0” width=””>
         <tr>
               <td valign=”top” align=”left” width=””>content</td>
         </tr>
</table>

This will help with all alignment issues but sometimes you can see gaps around images in older versions of email software. This usually opens a gap if </td> is on a new line hence the solution is to bring it up on the same line, the same string of code that begins with <td...>

The code might look like this:

In some cases, if you want to get pixel level control, you may find that you need to remove a paragraph tag and put the font style declarations in the table data cell.

However, layout problems within HTML email often can be identified easily when you set the HTML table border to 1.