i'm working on making email campaign , in outlook 7, 8, 10 , 13 there vertical spacing between either td's or img tags. i've tried putting 0 padding, margin on both images , td's. i've tried display:block on images , floating:left. td's have line height:0 , font-size:0;
<tr> <td style="padding:0;margin:0 0 0 0;"> <table cellpadding="0" cellspacing="0" align="center"> <tr> <td bgcolor="#ff0000" height="93" width="262" style="line-height:0; font-size:0px; padding:0;margin:0 0 0 0;"> <img src="" alt="" border="0" height="93" width="262" style="display:block;float:left;padding:0;margin:0 0 0 0; height:93px; width:262px;align:absmiddle;"> </td> <td bgcolor="#00ff00" height="93" width="198" style="line-height:0; font-size:0px; padding:0;margin:0 0 0 0;"> <a href="http://flipittowin.com"> <img src="" alt="" border="0" height="93" width="198" style="display:block;float:left;padding:0;margin:0 0 0 0; height:93px; width:198px;align:absmiddle;"> </a> </td> <td bgcolor="#0000ff" height="93" width="267" style="line-height:0; font-size:0px; padding:0;margin:0 0 0 0;"> <img src="" alt="" border="0" height="93" width="267" style="display:block;float:left;padding:0;margin:0 0 0 0; height:93px; width:267px;align:absmiddle;"> </td> </tr> </table> </td> </tr> http://imgur.com/ey564mc example of vertical spacing between third td , image below (can't post image due rep).
the background colors testing purposes. removed alt & src content display purposes here.
i able figure out solution problem. reduced px size of td 92 pixels (was 93 previously). img tag given height of 93px. therefore, height given img defines height , displays 93px image gets rid of 1px space between image , td.
Comments
Post a Comment