2014-01-23 76 views
0

我已经有这个问题,我的电子邮件图像之间和之后搜索通过许多论坛问题之间的白色空白,我终于找到了解决方案,当它转动已经不是一个让我感到沮丧的问题了,问题又回来了。无法摆脱电子邮件中的图像之间的额外空白

我加了display:block;对我所有的图像和边界崩溃:崩溃; border-spacing:0;和填充:0;到我的桌子上,其他论坛建议。

两周前我发送了同样的电子邮件,上面添加了它,它工作得很好,没有空格。在今天尝试再次测试之后,当我在Outlook和Gmail中查看我的电子邮件时,我的图像之间的白色差距又回来了,但在iPad或我的网站上查看时,我的图像之间的白色差距又回来了。也在jsfiddle上看起来很好。

我绝不是这方面的专家,但为了保存我的理智,我将不胜感激为什么这种事情继续发生!

<p style="text-align: left;">Never miss an email by adding [email protected] to your address book!&nbsp;If this email is not displaying correctly, please <a title="Click here for images" href="http://creativeoutreach.com/newsletters/show/Deeper-Wk-1" target="_blank">click here</a>.</p> 
<style><!-- 
table { border-collapse: collapse; border-spacing: 0; } 
td,th {padding: 0} 
--></style> 
<table id="Table_01" border="0"> 
<tbody> 
<tr> 
<td colspan="10"><img style="display: block;" title="" alt="" src="https://photos.osmek.com/126649.o.png" height="783" width="800" /></td> 
</tr> 
<tr> 
<td rowspan="2"><a href="https://maps.google.com/maps?ie=UTF-8&amp;q=creative+outreach+ministries&amp;fb=1&amp;gl=us&amp;hq=creative+outreach+ministries&amp;hnear=0x8640b8b4488d8501:0xca0d02def365053b,Houston,+TX&amp;cid=0,0,5200096206319274721&amp;ei=KVRRUMCoIqK02gXOwYHwAg&amp;ved=0CJoBEPwSMAA" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126394.o" height="111" width="87" /></a></td> 
<td rowspan="2"><a href="http://creativeoutreach.com/events/show/I2L-Series" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126395.o" height="111" width="82" /></a></td> 
<td rowspan="2"><a href="http://creativeoutreach.com/contact" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126396.o" height="111" width="81" /></a></td> 
<td rowspan="2"><a href="http://creativeoutreach.com/donate" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126397.o" height="111" width="81" /></a></td> 
<td rowspan="2"><img style="display: block;" alt="" src="http://photos.osmek.com/get/126398.o" height="111" width="198" /></td> 
<td><a onmouseover="window.status='Facebook'; return true;" onmouseout="window.status=''; return true;" href="https://www.facebook.com/CreativeOutreachMinistries" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126399.o" height="63" width="59" /></a></td> 
<td><a onmouseover="window.status='Twitter'; return true;" onmouseout="window.status=''; return true;" href="http://twitter.com/#!/CO_Ministries" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126400.o" height="63" width="50" /></a></td> 
<td><a onmouseover="window.status='LinkedIn'; return true;" onmouseout="window.status=''; return true;" href="http://www.linkedin.com/company/creative-outreach-ministries" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126401.o" height="63" width="50" /></a></td> 
<td><a onmouseover="window.status='YouTube'; return true;" onmouseout="window.status=''; return true;" href="http://www.youtube.com/user/COMinistriesTX" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126402.o" height="63" width="50" /></a></td> 
<td><a onmouseover="window.status='Pinterest'; return true;" onmouseout="window.status=''; return true;" href="http://pinterest.com/coministries/" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126403.o" height="63" width="62" /></a></td> 
</tr> 
<tr> 
<td colspan="5"><a onmouseover="window.status='Homepage'; return true;" onmouseout="window.status=''; return true;" href="http://creativeoutreach.com/" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126404.o" height="48" width="271" /></a></td> 
</tr> 
</tbody> 
</table> 
<p>Insight to Life is a Creative Outreach ministry. Each faith-based class will teach about solutions to daily living and will provide an avenue to connect with others and become a part of the Creative Outreach family!</p> 
<p><a title="Insight to Life" href="http://creativeoutreach.com/ministries/show/Insight-To-Life" target="_blank"><img alt="" src="http://photos.osmek.com/get/74999.thumb.png" height="46" width="180" /></a></p> 
<p style="text-align: left;">Confidentiality Note: The information contained in this message, and any attachments, may contain confidential and/or privileged material. It is intended solely for the person or entity to which it is addressed. Any review, retransmission, dissemination, or taking of any action in reliance upon this information by persons&nbsp;or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from all computers.</p> 

谢谢!

回答

0

变化

<table id="Table_01" border="0"> 

<table id="Table_01" border="0" cellspacing="0" cellpadding="0"> 

BTW的Gmail条内嵌CSS(即<style>标签),所以一定要确保样式内嵌尽可能地(除为响应电子邮件媒体查询等)。

+0

嘿贾斯汀,谢谢你的回应。这就是我以前写的,但是我的网站管理员最近更新了他们的编辑器到HTML5。 Cellpadding和cellspacing不再支持。保存代码后,它们消失。 – LSteffie

+0

这对电子邮件设计并不好,特别是因为Outlook不支持HTML5。它是否集成到您的电子邮件服务提供商?如果可能,尝试使用记事本或文本编辑器将其添加并粘贴到服务提供商的界面中,看看是否是原因。然后,我们可以找出解决编辑问题的方法。 –

+2

@LSteffie我建议你去一些[HTML电子邮件资源](http://stackoverflow.com/questions/19780614/z-index-ignored-in-newsletter/19791269#19791269)去你的网站管理员,以解释为什么现代网络标准和电子邮件不会混用。您不应该实施困难且耗时的解决方法。你不会要求他使用没有CSS3支持的编辑器。如果他关心他的业务和生产力,他会意识到这一点。 – John

相关问题