css - Issue using as vertical spacer in Hotmail HTML email -
css - Issue using <div> as vertical spacer in Hotmail HTML email -
we're using next code vertical spacer in html email:
<div style="height:14px; font-size:14px; line-height:14px;"> </div>
this works everywhere -- except hotmail creates big space. we've researched bit , seems hotmail embeds css default causes lot of issues.
we've included next code seek address issue, no avail:
.externalclass, .externalclass p, .externalclass span, .externalclass font, .externalclass td, .externalclass div { line-height: 100%; margin: 0; padding: 0;}
hoping else here might have solution or workaround.
if spacer why not utilize table spacer image instead. email clients prefer table on div inline style , render correctly. such:
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td height="10"> <img src="http://media.instantcustomer.com/22033/0/5_spacer.png" alt="" width="1" height="10" border="0" style="border:0" /> </td> </tr> </table>
change height 10 whatever height need. ll have specify height in td img element. replace spacer image if like. might able away not using spacer image @ all.
css html-email hotmail
Comments
Post a Comment