This website is currently in maintenance mode for updates.
We apologize for any inconvenience this may cause and appreciate your patience while we perform this procedure.

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:

<td valign=”top” align=”left” width=””><img scr=”” style=”border:none;display:block;” alt=”” /></td>

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.

<td valign=”top” align=”left” width><img scr=”” style=”font-family:Arial,Helvetica,sans-serif; font-size:11px;line-height:18px;”>text here</td>

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