HTML электронной почты не распорные

Question

То, что я в настоящее время: http://i.gyazo.com/b3111f32a78e86504d8a555f0adad3de.png

То, что я хочу сделать: http://i.gyazo.com/2d6c75649401e1b5dc9825d6e427791f.png

Игнорировать бордюры/ход только для меня, чтобы ясно видеть, что Im глядя.

Что я хочу сделать, так это сделать так, чтобы между каждой строкой и столбцом таблицы не было пробелов. Как бы я это сделал? Текущий код:

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