【发布时间】:2016-02-26 16:14:00
【问题描述】:
是我还是gmail公牛**t? 在 Outlook/浏览器上,我的电子邮件很完美,但在 gmail 上,两个表之间有一个空格,为什么?!? 图片:http://i.imgur.com/srJKBJZ.png
请不要告诉我单元格间距、填充或边框空间它们都已经在代码中了。如果你能帮助我,我将不胜感激。提前致谢!!
代码:
<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:newsletter@opinionmatters.com" style="text-decoration:none; color:#002d62">newsletter@opinionmatters.com</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>
【问题讨论】:
-
你为什么不只用一张桌子呢?
-
如果您在 GMail 中查看邮件,您不能打开开发工具并检查有问题的元素以查看应用了哪些样式以及它们来自何处?
-
如果我使用一个表格,那么如果您明白我在说什么,那么正上方行下方的单元格的大小将是相同的。每个处理 HTML 电子邮件的人都会根据设计制作多个表格。我确实使用了开发工具,但它真的很难解释,但即使我更改代码也无济于事。
标签: html css email gmail html-email