Fluid Design - 3 row images issues

Hi everyone,

First of all i take the opportunity to wish you the best for the new year !

By the way, i have an issue with html fluid design email. I would like to put 3 images, within the same row. But, above and under the two first images, white gaps appear...It sounds strange...

Here is my code :

HTML

<table border="0" cellpadding="0" cellspacing="0" width="650" align="center" class="NewTable">
<tr>
<td><a href="#" target="_blank"><img src="leftmag.jpg" alt="" width="129" height="343" border="0" class="NewFluid" style="display:block;" /></a></td>
<td><a href="#" target="_blank"><img src="textmag.jpg" alt="" width="391" height="343" border="0" class="NewFluid" style="display:block;" /></a></td>
<td><a href="#" target="_blank"><img src="rightmag.jpg" alt="" width="130" height="343" border="0" class="NewFluid" style="display:block;" /></a></td>
      </tr>
</table>

CSS used

table[class=NewTable] {
    width: 100% !important;
}

img[class=NewFluid] {
    margin: 0 !important;
    width: 100%;
    height: auto !important;
}

Do you have any ideas about this issue ? I've tested it with Gmal and Apple Mail.

Thank you for your help.

Best regards,

Julien

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098