0

我创建了一封电子邮件以发送给当前的订阅客户,它的图像很重,因此它是在表格中创建的,并且预览效果很好,但是一旦我将其插入到雅虎邮件消息中或通过电子邮件客户端发送到我的雅虎邮件,每一行在底部都有大约 10 像素的边距/填充,将图像分开。

几个小时以来,我一直在疯狂尝试任何我能找到的东西,所以我想我会上传自己的代码,看看是否有人可以帮助我:)

    <table style="margin:0 auto; border-collapse: collapse; border-spacing: 0;" cellpadding="0" cellspacing="0" width="566">
    <th style="border:none;padding:0;margin:0;" ><p style="float:left; padding-left:10px;font-size:9px; text-align:center; color:#999999; text-decoration:none;"><a style="color:#999999;" href="http://www.purecollection.com/pages/be-inspired">Shop contemporary Design with 10% off plus free delivery and free returns</a></p></th>
    <tr style="border:none;padding:0;margin:0;">
    <td> <a href="http://www.purecollection.com/default.aspx"><img src="http://images.mailermailer.com/image/50064636L/148258/o/2.png"/></a></td></tr>
    <tr style="border:none;padding:0;margin:0;"><td><img src="http://images.mailermailer.com/image/50064636L/148259/o/3.png"/></td></tr>
    <tr style="border:none;padding:0;margin:0;"><td><a href="http://www.emagcloud.com/aw12-hosting/UK_Autumn_Main_Book/index.html" style="margin:0;padding:0; "><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148260/o/4.png" alt="View our Autumn E-Catalogue"/></a><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148328/o/5.png"/></td></tr>
    <tr style="border:none;padding:0;margin:0;"><td><a href="http://www.purecollection.com/pages/style-guide"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148262/o/6.png" alt="BE INSPIRED - Style guide"/></a><a href="http://www.purecollection.com/pages/be-inspired"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148263/o/7.png" alt"View our be inspired collection"/></a></td></tr>
    <tr style="border:none;padding:0;margin:0;"><td><a href="http://www.purecollection.com/default.aspx"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148321/o/8.png"/></a></td></tr>
    <tr><td><a href="http://www.purecollection.com/info/static.aspx?page=newsletter&email="><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148322/o/9.png" alt="send this to a friend"/></a><a href="http://www.purecollection.com/pages/requestcatalogue"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148323/o/10.png" alt="request a catalouge"/></a><a href="http://www.purecollection.com/pages/christinanoblechildrensfoundation#page=page-1"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148324/o/11.png" alt="Christina Noble Children's Foundation"/></a><a href="http://example.com/maps/Asbxy"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148325/o/12.png" alt="find out UK stores"/></a><a href="https://www.facebook.com/PureCollection"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148326/o/13.png" alt="join us on facebook"/></a><a href="https://twitter.com/PureCollection"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148327/o/14.png" alt="follow us on twitter"/></a></td></tr>
    <tr><td>
      <p style="font-size:9px; text-align:center; color:#999999;"></ br>Terms and Conditions: 1 Your offer code = AW13KAS 2. This offer code will be automatically added into your shopping basket. 3. Offer expires midnight 7th October 2013. 4 Cannot be used in conjunction with any other offer. 5. Offer does not apply to gift vouchers. 6. No adjustments prior purchases. 8. 10% off includes free delivery and free returns. 9. Free delivery applies to standard UK delivery £4.95.</p>
      <p style="font-size:9px; text-align:center; color:#999999;"></ br>Please add purecollection@news.purecollection.com to your address book to ensure our emails reach your inbox. If you received this email from a friend and would like to subscribe to our newsletter. <a style="color:#999999;" href="http://www.purecollection.com/info/static.aspx?page=newsletter&email=">click here</a>
      <p style="font-size:9px; text-align:center; color:#999999;"></ br>Pure Collection LTD | Mowbray House | Mowbray Square | Harrogate | HG1 5AU | 0844 848 1030</p>
  <p style="font-size:9px; text-align:center; color:#999999;"><a style="color:#999999;" href="http://www.purecollection.com/pages/securityandprivacy"></ br>Privacy</a></p></td></tr>
</table>
4

2 回答 2

1

哦,你可怜的灵魂。当程序员添加内联样式时,您可以看出他很生气。这只是混乱。

恐怕你不会很喜欢这个答案,它只有一行代码。给你:http: //jsfiddle.net/w5MJM/

td img {
    vertical-align:top;
}
于 2013-10-17T03:53:21.917 回答
0

我经历过类似的事情,display: block;在你的图像中添加一个。希望这可以帮助

于 2013-10-17T03:52:55.523 回答