HTML電子郵件沒有間距

Question

我有什麼目前： http://i.gyazo.com/b3111f32a78e86504d8a555f0adad3de.png

我想要什麼： http://i.gyazo.com/2d6c75649401e1b5dc9825d6e427791f.png

忽略邊框/行程只爲我看清楚什麼即時看。

我想要做的就是讓它在每個表格單元格行和列之間沒有任何空間。 我該如何去做這件事？ 當前代碼：

<table border="1"> 
 
    <tr> 
 
     <td > 
 
      <img src="http://i.imgur.com/vyJu43v.png"> 
 
     </td> 
 
     <td > 
 
      <img src="http://i.imgur.com/vSAgEXE.png"> 
 
     </td> 
 
     <td > 
 
      <img src="http://i.imgur.com/Ih5jtiC.png"> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td rowspan="4"> 
 
     <img src="http://i.imgur.com/9B9Wcit.png"> 
 
     </td> 
 
     <td> 
 
     The new Insight Snapshot newsletter from Opinion Matters is packed full of research<br /> 
 
     and communication ideas to inform your next project. Featuring tips for data<br /> 
 
     storytelling, ways to interact with your target audience through online quizzes and<br /> 
 
     case study examples of recent international survey campaigns.<br /> 
 
     </td> 
 
     <td rowspan="4"> 
 
      <img src="http://i.imgur.com/lNwkYpL.png"> 
 
     </td> 
 

 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <img src="i.imgur.com/eCje9hy.png"> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     If you would like to speak to a member of the team regarding any of the features in the <br/>newsletter please call 0207 251 9960 or email newsletter@opinionmatters.com<br/> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <img src="i.imgur.com/mC6Pytj.png"> 
 
     </td> 
 
    </tr> 
 
</table>

Answer 1

你的圖片是太大，並且造成細胞膨脹。這是我如何改變你的HTML：

<table border="0" cellspacing="0" cellpadding="0"> 
 
    <tr style="line-height:10px;"> 
 
    <td colspan="2"> 
 
     <img src="http://i.imgur.com/vyJu43v.png"> 
 
    </td> 
 
    <td> 
 
     <img src="http://i.imgur.com/vSAgEXE.png"> 
 
    </td> 
 
    <td> 
 
     <img src="http://i.imgur.com/Ih5jtiC.png"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="4"> 
 
     <img src="http://i.imgur.com/9B9Wcit.png"> 
 
    </td> 
 
    <td colspan="2">The new Insight Snapshot newsletter from Opinion Matters is packed full of research 
 
     <br />and communication ideas to inform your next project. Featuring tips for data 
 
     <br />storytelling, ways to interact with your target audience through online quizzes and 
 
     <br />case study examples of recent international survey campaigns.</td> 
 
    <td rowspan="4" align="right"> 
 
     <img src="http://i.imgur.com/ECg5xT9.png"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"> 
 
     <img src="http://i.imgur.com/eCje9hy.png" width="460px"> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2">If you would like to speak to a member of the team regarding any of the features in the 
 
     <br />newsletter please call 0207 251 9960 or email newsletter@opinionmatters.com</td> 
 
    </tr> 
 
    <tr> 
 
    <td valign="bottom"> 
 
     <img src="http://i.imgur.com/I2jI1Bk.png" width="481px"> 
 
    </td> 
 
    <td valign="bottom"> 
 
     <img src="http://i.imgur.com/7SGbtws.png" width="57px" height="96px"> 
 
    </td> 
 
    </tr> 
 
</table>

注：我改變了你的兩個圖像，並製成三張圖片。他們是Image 1,Image 2和Image 3。