al123 al123 - 1 month ago 14
HTML Question

Outlook not aligning 2 images but other browsers are

I am trying to make a html email, it works in all browsers except outlook.

I have created two rows on a table, with each row has an image, but there is a white space showing between the image.

enter image description here

<td colspan="2"><img style="display:block" src="images/greenTop02.gif" width="595" height="8" /></td>




Full html code : http://jsfiddle.net/eNKxp/2/

Answer

Try this conditional CSS:

<!--[if gte mso 9]>
<style type="text/css">
table {
mso-table-lspace:0 !important;
mso-table-rspace:0 !important;
}
table td {
border-collapse:collapse !important;
border:none !important;
mso-border-alt:0 !important;
}
</style>
<![endif]-->

<!--[if gte mso 15]>
<style type="text/css">
table {
font-size:1px;
mso-line-height-alt:0;
line-height:0;
mso-margin-top-alt:1px;
}
</style>
<![endif]-->