無法獲取表格單元格中的圖像以重複使用

我正在使用內嵌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

無法獲取表格單元格中的圖像以重複使用

回答

相關問題