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;">&#160;</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

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -