ファウンデーションEメール：2行以上の画像

私は、Foundation Frameworkを使用して、応答性の高いEメールを作成しています。私はスクリーンショットに示されているようにレイアウトを達成したい。財団を使用して、これを実装する方法上の任意のアドバイスを事前にファウンデーションEメール：2行以上の画像

感謝を（あるいは、この天気をさえ可能になりますか？念頭に置いて、すべての主要なmailclientsで動作するはずです）！

出典

2017-08-18 Kemagezien

私たちはここにあなたの全体のソリューションを構築することはできません。それを試してみて、あなたのコードのどこかであなたが立ち往生しているなら、私たちはそこで手伝ってもらえますが、人々が座って最初から作業する時間を費やして準備を整える準備ができているとは思っていません。何かをして問題がある場合は、コードを共有してください。 –

あなたは、以下のHTMLソリューションを探している場合は、使用できるコードです。

荒いですが、あなたのビジュアルを使ってアイデアを出します。

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

乾杯

出典

2017-08-19 12:27:09 Syfer