html email image on a 2 rows shows blank space in the middle on browser
I made an HTML email in Dreamweaver.
I have used a table to contain the body of the email.
I have added images, in rows. However in the browser the images leave a blank space in the middle. This only happens when I look at the email on Hotmail. Microsoft Outlook is fine. I don't understand why this is happening
![as you can see on the html email(hotmail) it shows like this, but in outlook there is no space!!!]
as you can see on the html email(hotmail) it shows like this, but in outlook there is no space!
<td height="8" valign="top" colspan="2"><img src="images/greenTop01.gif" alt="top" width="595" height="8" valign="top" display:"block" ></td> </tr> <tr> <td width="453" height="115" valign="top" bgcolor="#18b581"><p style="font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; margin-left: 25px;"><strong><font size="4">Could you have a patient with NP-C?</font>
ful html: http://jsfiddle.net/eNKxp/1/
you need to use display:block for the images. See this table to have an idea about html support for email templates: http://www.campaignmonitor.com/css/