无法获取表格单元格中的图像以重复使用

我正在使用内嵌HTML工具处理电子通讯。到目前为止，一切都很顺利，除了一个图像不会在其表格单元格中重复。我在整个通讯的其余部分都有工作“重复-y”的图像，但这一个单元格不起作用。有什么建议么？无法获取表格单元格中的图像以重复使用

下面的代码：jsFiddle

 <table style="width:780px;"> 
<tr> 

<td style="width: 55px; background: #fffff url(http://25.media.tumblr.com/40e5aa33eb561f0148b1711a92d65043/tumblr_mpk3j3FRaa1snsew1o6_r1_100.jpg) left repeat-y;" valign="top"> 
    <img src="http://25.media.tumblr.com/40e5aa33eb561f0148b1711a92d65043/tumblr_mpk3j3FRaa1snsew1o6_r1_100.jpg" width="55" /> 
    </td> 


<td style="background: #ffffff;" valign="top"> 
    <p style="text-align: right;"> 
     <span style="font-size:11px;"><span style="color: rgb(126, 146, 175);"><span style="font-family: 'trebuchet ms', helvetica, sans-serif;">texttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> 
</td> 
</tr>  
</table>

*编辑：最后的通讯将通过iContact.com发送，如果有什么差别。

来源

2013-07-07 Dally

你的CSS应该分离出背景声明。

注意，我在这里使用background，background-image和background-repeat声明：

<td style="width: 55px; background: #fffff; background-image:url(http://25.media.tumblr.com/40e5aa33eb561f0148b1711a92d65043/tumblr_mpk3j3FRaa1snsew1o6_r1_100.jpg); background-repeat:repeat-y" valign="top">

你也只是从图像/重复申报分离出的背景色的声明，并使用相同的背景标签这样的：

<td style="width: 55px; background: #fffff; background: url(http://25.media.tumblr.com/40e5aa33eb561f0148b1711a92d65043/tumblr_mpk3j3FRaa1snsew1o6_r1_100.jpg) repeat-y;" valign="top">

重复纠正之后，你应该能够删除其他电话时显示图像：

<table style="width:780px;"> 
<tr> 
<td style="width: 55px; background: #fffff; background-image:url(http://25.media.tumblr.com/40e5aa33eb561f0148b1711a92d65043/tumblr_mpk3j3FRaa1snsew1o6_r1_100.jpg); background-repeat:repeat-y" valign="top"> 
</td> 
<td style="background: #ffffff;" valign="top"> 
    <p style="text-align: right;"> 
     <span style="font-size:11px;"><span style="color: rgb(126, 146, 175);"><span style="font-family: 'trebuchet ms', helvetica, sans-serif;">texttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> texttexttexttexttexttexttext<br /> 
     </span></span></span> 
    </p> 
</td> 
</tr>  
</table>

这里是更新的fiddle。

编辑：请注意，您应该是closing您开始创建有效HTML的标签。

来源

2013-07-07 18:19:34

这似乎工作得很好... 但是，当我将此应用回我的通讯代码（通过iContact.com托管）时，它仍然不会重复。另外，如果我将“background-image：”应用于其他背景，则会打破那些可以工作的背景。对此有何建议？ – Dally

@Dally它可能看起来像检查的微不足道的事情 - 但要确保你的声明以分号分隔，并且你正在关闭你正在打开的HTML标记。 –

我在文档中的“#ffffff”和“url（”的所有实例之间粘贴了“; background-image：”，并且双击以确保所有的括号已关闭，但仍然显示为中断。可能是iContact网站不接受“背景图片”，但这是我第一次处理这个网站，所以我无法确定。 – Dally

无法获取表格单元格中的图像以重复使用

回答

相关问题