テーブルで画像サイズが合っていない為、複数表示されてしまいます

質問

┏∞━━━∞┓
┃　　　　　　　 ┃
┃　　　　　　　 ┃
┃　　　　　　　 ┃
┗∞━━━∞┛

上記の図のようなテーブルをタグで打ち作成しています。
∞のマークはリボンの画像です。
素材屋さんからお借りし、元々ある一定のサイズが決まったテーブルだったのですが、たくさんの文字を入れる為にどれだけ文字を入れてもテーブルがその分だけ上下左右広がるタグを打ち込み、それは上手くできました。
しかし、∞マークのリボンとリボンの間に挟まれている上下の横線の画像が複数表示されてしまうのです。
原因はリボンの画像のサイズが58×17に対し、挟まれている横線が102×4で縦の長さが合っていないからだと思います。
どのようにすれば、複数表示されないようにできるのでしょうか？
よろしくお願いします<(_ _)>

回答No.1

koutarou504

もしかして <td background="./sample.jpg"></td>
の様に背景として指定していませんか？
それならば、縦横いっぱいに繰り返し表示されます。

これを <td align="center" valign="middle"><img src="./sample.jpg"></td>
とすれば、１つの画像を表示するだけで繰り返される事はありません。
ただ、画像が場所を取りますのでテーブルの方が（特になにかしらの指定をしない限り）画像より狭まる事がなくなります。
尚、align，valign は見た目の為にとりあえず付けただけなので、必要に応じて変更するなり取るなりして下さい。

そして背景として繰り返しを回避する方法は、スタイルシートを用いる事です。
<td style='background:url("./sample.jpg") repeat-x center center'></td>
この様にする事で縦の繰り返しを回避しながら横は繰り返し、
縦横がどの様にサイズが変化しても影響が少ない状態に指定できます。
横の繰り返しも回避したい場合は repeat-x を no-repeat にすれば良いです。

あとは参考URLで改めて調べて必要に応じて変更して下さい。

と、以上がとりあえずもし背景として指定していたらという事での回答ですが・・・。
できましたら、ファイル名などは変えてでも
記述しているタグ自体を提示されて質問された方が良いと思います。
判らないから質問されているのでしょうが、
素直に質問文を HTML で実現しようとすると IMG タグを用いるので繰り返し表示は再現しません。
質問状況を再現するのにそこそこの知識を必要とします。
もしこの回答で仮定している背景として指定しているのと違うのであれば、画像に関する処のタグを提示される様にお勧めします。

参考URL：

http://www.tohoho-web.com/www.htm

お礼

回答ありがとうございます。
自己解決できました。