<tr>の背景画像について

質問

お世話になっております。

表題のとおりなのですが、

<table width="500px">
<tr style="background-image:url('back.gif');">

として、

back.gifが500pxの画像だとします。
<tr style="background-image:url('back.gif');">
<td>aaaa</td>
</tr>

と、tdが1つだった場合は問題ないのですが、

<tr style="background-image:url('back.gif');">
<td>aaaa</td>
<td>bbbb</td>
</tr>

とした場合、250pxが2枚繰り返しのような状態になってしまいます。

これを回避し、tdが何個になっても、trの画像を1枚で表示させることはできないでしょうか。

ちなみに、背景画像は500px固定です。短く切ってリピートはできない状態です。

よろしくお願いします。

回答No.2

noname#30818 · ベストアンサー

<table>
<tr>
<td style="background-image:url('back.gif');">
<table>
<tr>
<td>aaaa</td>
<td>bbbb</td>
</tr>
</table>
</td>
</tr>
<table>

補足

やっぱりそうですよね・・・
実はそんな気がしてたんですけど、Smartyでがりがり回すんで、できるだけそのやり方は避けたかったんです・・・

まぁ、でもそれしかないならしょうがない感じですね。
回答ありがとうございます。

回答No.3

goldfox

1行だけの表なら、<table>に背景をつければよいのではないかと思いますが、
行ごとに背景を変えるなら、これは使えませんね。
内容によってはtable自体、使わずに済む方法もあると思います。
どのような内容なのか（表でなければいけないのか）を説明してみてはいかがでしょう？

回答No.1

MAN_MA_RUI

背景画像は通常の画像と表示方法が異なるため設定方法も変わり大きさの指定は出来ないのですが、リピート表示をさせない方法ならあります。
background-image:url('back.gif') no-repeat center center;

補足

早速ご回答ありがとうございます。
ポジション指定したり、no-repeatもすでにかけてみたのですが、どうにもうまくいかないのです。