CODEWITHSUNDEEP
htmlemailhtml-email
al123
al123

Reputation: 569

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!!!][1]

as you can see on the html email(hotmail) it shows like this, but in outlook there is no space!

html code: 

          <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/

Upvotes: 2

Views: 664

Answers (1)

n1kkou
n1kkou

Reputation: 3142

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/

Upvotes: 2

Related Questions