web-dev-qa-db-ja.com

テーブルデータに繰り返し画像がありません（td）

CSSなしでテーブルデータ（TD）で背景画像の繰り返しを停止することはできますか？

例えば

<table>
  <tr>
     <td background="http://foobar.com/image.jpg">Some text</td>
  </tr>
</table>

メールニュースレターに使用するHTMLテンプレートを開発しているので、HTMLソリューションを探しています。

htmlhtml-email
10
georgevich

あなたはあなたのhtmlコードであなたのタグにCSSを直接​​追加することができます：

<td style="background-image:url(smile.gif); background-repeat:repeat;">

htmlだけを使用する方法はないと思います！

10
Upvote

簡単な答え：いいえ。

幸い、ほとんどのメールはインラインCSSスタイルを使用できます。そのため、私は次のことを試して、それがあなたが探しているものを達成するかどうかを確認します。

<td style="background:url(http://foobar.com/image.jpg) no-repeat;">Some text</td>

失敗した場合（以前に確認したように）、他のオプションは、画像を<img>タグに配置して操作し、テキストの下に収まるようにすることです。

サポートされているCSS属性については、こちらをご覧ください： http://www.campaignmonitor.com/css/

お役に立てれば。

4
ebrandell

互換性を最大にするには、インラインCSSとHTMLバックグラウンド属性の両方を使用する必要があります。一部のクライアントは一方を無視し、他方は無視しないためです。

<td style="background-image:url('http://www.example.com/smile.gif'); background-repeat:no-repeat;" background="http://www.example.com/smile.gif">Some text</td>

注意すべきいくつかのポイント：

  1. 画像のソースには絶対URLを使用する必要があります
  2. Background-imageインラインスタイルのURLの前後の引用符があるはずです（通常のCSS推奨の反対ですが、一部のクライアントには、単一引用符が含まれていないと問題があります）。
  3. CSSの省略形は使用しないでください。一部のクライアントは、省略形を解析しますが無視します。また、簡略版で背景色を設定しない場合、一部は背景色＃000000を設定します。
  4. Outlook 2007では、気の利いたMicrosoft独自のコードを使用しない限り、背景画像はまったく機能しません。残念ながら、そのコードでは繰り返しを停止できません。

繰り返しを停止する最良の方法は、画像を必要以上に大きくして、繰り返しが必要ないようにすることです。

3
Dan Blows

背景画像がサポートされています。このジェネレータをチェックしてください： http://backgrounds.cm

画像を繰り返さないようにするには、インラインスタイルを追加します。

style="background-repeat: no-repeat;"

背景画像を含むタグに。

3
Samuel Larcher