2015-11-24 66 views
1

是我還是Gmail公牛隊? 在Outlook /瀏覽器上我的電子郵件是完美的,但在Gmail上有兩個表格之間的空間,爲什麼?!? 圖片:http://i.imgur.com/srJKBJZ.pngHTML電子郵件:如何刪除2個表格之間的間距? Gmail特定

enter image description here

請不要告訴我CELLSPACING,填充或邊界的空間,他們都已經在代碼中。如果你能幫助我,我會非常感激。提前致謝!!

代碼:

<body style="margin:0; padding:0"> 
    <table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0;"> 
     <tr> 
      <td VALIGN="bottom"> 
      <img src="http://i.imgur.com/vyJu43v.png"> 
      </td> 
      <td VALIGN="bottom"> 
      <a href="https://twitter.com/opinionmatters_"><img src="http://i.imgur.com/vSAgEXE.png"></a> 
      </td> 
      <td VALIGN="bottom"> 
      <a href="https://www.linkedin.com/company/opinion-matters"> <img src="http://i.imgur.com/Ih5jtiC.png"></a> 
      </td> 
     </tr> 
    </table> 
    <table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0"> 
     <tr> 
      <td rowspan="4" VALIGN = "top"> 
      <img src="http://i.imgur.com/9B9Wcit.png"> 
      </td> 
      <td> 
<p style="font-family:arial; color:#002d62;">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.</p> 

<p style="font-family:arial; color:#002d62">Read online <a href="http://www.opinionmatters.com/insightnewsletter.html" style="">here</a> or <a href="http://www.opinionmatters.com/index.php/contact-us">request a printed copy</a></p> 
      </td> 
      <td rowspan="4" VALIGN = "top"> 
      <img src="http://i.imgur.com/lNwkYpL.png"> 
      </td> 
     </tr> 
     <tr> 
      <td> 
      <img src="http://i.imgur.com/79k0VgK.png"> 
      </td> 
     </tr> 
     <tr height="70"> 
      <td height="70"> 
<p style="font-family:arial; color:#002d62;">If you would like to speak to a member of the team regarding any of the features in<br/>the newsletter please call 0207 251 9960 or email <a href="mailto:[email protected]" style="text-decoration:none; color:#002d62">[email protected]</a></p> 
      </td> 
     </tr> 
     <tr> 
      <td VALIGN = "bottom"> 

      <img src="http://i.imgur.com/brGmdjG.png"> 
      </td> 
     </tr> 

    </table> 
    <p style="color:#85808e; font-size:14px; text-align:center">Data Protection: We will not pass your details on to any third party or send you unsolicited mail. If you would like<br/> 
to unsubscribe from this and any future mailings please unsubscribe <a href="" style="text-decoration:none;color:#85808e">here.</a><br/><br/>markettiers4dc trading as Opinion Matters. Registered office: Northburgh House, 10a Northburgh Street,<br/>London, EC1V 0AT. Registered in England & Wales No. 4308785 VAT number 783 037 913. CIPR Partner, ISO<br/>9001:2000 registered (Certificate Number GB7041)</p> 
    </body> 
+0

爲什麼不只用一張表呢? –

+0

如果您在GMail中查看郵件,是否可以打開開發工具並檢查有問題的元素,以便查看已應用了哪些策略以及它們來自哪裏? – Lucero

+0

如果我使用一個表格,那麼如果你明白我在說什麼,那麼直接在上面的行下的單元格的大小將是相同的。每個做HTML電子郵件的人都會根據設計製作多個表格。我確實使用了開發工具,但它很難解釋,但即使我更改了代碼,它也無濟於事。 –

回答

1

現在用來img標籤與valign="top"

<img src="xyz.png" valign="top" /> 

像這樣

<table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0;"> 
 
     <tr> 
 
      <td VALIGN="bottom"> 
 
      <img src="http://i.imgur.com/vyJu43v.png" valign="top"> 
 
      </td> 
 
      <td VALIGN="bottom"> 
 
      <a href="https://twitter.com/opinionmatters_"><img src="http://i.imgur.com/vSAgEXE.png" valign="top"></a> 
 
      </td> 
 
      <td VALIGN="bottom"> 
 
      <a href="https://www.linkedin.com/company/opinion-matters"> <img src="http://i.imgur.com/Ih5jtiC.png" valign="top"></a> 
 
      </td> 
 
     </tr> 
 
    </table> 
 
    <table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0"> 
 
     <tr> 
 
      <td rowspan="4" VALIGN = "top"> 
 
      <img src="http://i.imgur.com/9B9Wcit.png"> 
 
      </td> 
 
      <td> 
 
<p style="font-family:arial; color:#002d62;">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.</p> 
 

 
<p style="font-family:arial; color:#002d62">Read online <a href="http://www.opinionmatters.com/insightnewsletter.html" style="">here</a> or <a href="http://www.opinionmatters.com/index.php/contact-us">request a printed copy</a></p> 
 
      </td> 
 
      <td rowspan="4" VALIGN = "top"> 
 
      <img src="http://i.imgur.com/lNwkYpL.png"> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
      <img src="http://i.imgur.com/79k0VgK.png"> 
 
      </td> 
 
     </tr> 
 
     <tr height="70"> 
 
      <td height="70"> 
 
<p style="font-family:arial; color:#002d62;">If you would like to speak to a member of the team regarding any of the features in<br/>the newsletter please call 0207 251 9960 or email <a href="mailto:[email protected]" style="text-decoration:none; color:#002d62">[email protected]</a></p> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td VALIGN = "bottom"> 
 

 
      <img src="http://i.imgur.com/brGmdjG.png"> 
 
      </td> 
 
     </tr> 
 

 
    </table> 
 
    <p style="color:#85808e; font-size:14px; text-align:center">Data Protection: We will not pass your details on to any third party or send you unsolicited mail. If you would like<br/> 
 
to unsubscribe from this and any future mailings please unsubscribe <a href="" style="text-decoration:none;color:#85808e">here.</a><br/><br/>markettiers4dc trading as Opinion Matters. Registered office: Northburgh House, 10a Northburgh Street,<br/>London, EC1V 0AT. Registered in England & Wales No. 4308785 VAT number 783 037 913. CIPR Partner, ISO<br/>9001:2000 registered (Certificate Number GB7041)</p> 
 

What is Vertical Align

+0

我真的不相信這個工作,哇感謝很多人,你讓我的一天一直試圖解決這個很長一段時間。 –

-1

你嘗試使用margin-top:-5px的第二個表,我想這應該刪除空格。

相關問題