email - Foundation E-mail: Image over 2 rows -


i making custom responsive e-mail use of foundation framework. want achieve lay-out shown in screenshot. advice on how implement this, using foundation (or wether possible? keeping in mind should work in major mailclients)

enter image description here

thanks in advance!

if looking html solution below code can use.

its rough gives idea using visual.

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">    <tr>      <td bgcolor="#17b0de" style="font-family:arial, helvetica, sans-serif; font-weight:bold; padding:47px 0px; text-align:center; font-size:80px;color:#ffffff;">row 1</td>    </tr>    <tr>      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">        <tr>          <td width="55" height="190" bgcolor="#17b0de">&nbsp;</td>          <td bgcolor="#49267c" style="font-family:arial, helvetica, sans-serif; font-weight:bold;  text-align:center; font-size:80px;color:#ffffff;">visual</td>          <td width="55" bgcolor="#17b0de">&nbsp;</td>        </tr>      </table>        <table width="100%" border="0" cellspacing="0" cellpadding="0">          <tr>            <td width="55" height="79" bgcolor="#d9ecf2">&nbsp;</td>            <td bgcolor="#49267c" style="height:10px;line-height:0px; font-size:0px;"></td>            <td width="55" bgcolor="#d9ecf2">&nbsp;</td>          </tr>      </table></td>    </tr>    <tr>      <td bgcolor="#d9ecf2" style="font-family:arial, helvetica, sans-serif; font-weight:bold; padding:20px 0px; text-align:center; font-size:80px;color:#ffffff;">row 2</td>    </tr>  </table>

cheers


Comments

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

Qt QGraphicsScene is not accessable from QGraphicsView (on Qt 5.6.1) -

What is happening when Matlab is starting a "parallel pool"? -