画像枠テーブルについて

質問

画像を使ってテーブルを作ってます。
しかし、上と右の画像が繰り返してしまいます。
ここで調べてCSSでやってみましたが余計崩れてしまいました。
右下の部分と右の部分の結合もおかしくなります。
どうしたらいいんでしょうか？

http://blog-imgs-19.fc2.com/x/a/n/xandinosqu/table_temple.png
紫で囲まれた部分です。

ソースは
<TABLE border="0" cellpadding="0" cellspacing="0" width="60%">
<TBODY>
<TR>
<TD><IMG src="左上の画像" width="15" height="15"></TD>
<TD background="上の画像" width="100%">
</TD>
<TD><IMG src="右上の画像" width="15" height="15"></TD>
</TR>
<TR>
<TD height="50" background="左の画像">
</TD>
<TD bgcolor="#ff577f">
<TABLE border="0" cellpadding="20" cellspacing="2" width="100%" height="100%" align="CENTER">
<TBODY>
<TR>
<TD>*中身*</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD background="右の画像">
</TD>
</TR>
<TR>
<TD><IMG src="左下の画像" width="15" height="15"></TD>
<TD background="下の画像">
</TD>
<TD><IMG src="右下の画像" width="15" height="15"></TD>
</TR>
</TBODY>
</TABLE>
です。
ビルダーで編集してます。
横幅は60%でいいんです。
画像サイズは、左上・右上・右下・左下・右・左・上・下全て15×15です。

中途半端な説明かと思いますがご教授お願いします。
えーっと、それとなるべくなら小学生でも分かりやすい説明をお願いします。小学生じゃないですけど。

回答No.1

tsucu · ベストアンサー

ご紹介のURLのpngは私の環境ではなぜか見れませんので憶測を交えて書きます。

ソースを見る限り問題なさそうに見えるのですが・・・。
ビルダーの編集画面でずれるということでしょうか？
一度プレビューかブラウザーで確認してください。

ちなみに、TD の background 指定は Netscape 6 以前のバージョンでは見れませんよ。

補足

全ての画像はPNG透過です。GIFじゃ荒くなってしまうんで。

ビルダーのプレビュー画面をキャプチャしたのがURLなんですけどね。
ブラウザーでも同じ結果になります。

＞TD の background 指定は Netscape 6 以前のバージョンでは見れません
ってIEしか通用しないんですか？

回答No.2

freakale

PNGファイルを見てみたのですが、上の画像と右の画像は15×15で作成してありますか？
おそらくbackgroundで指定しているので、repeatしてしまっているようです。

お礼

こちらのミスでした。
画像が正しくアップされてませんでした；；
15×15でアップしたと思ってたのに13×13でアップされてました。

回答して下さった皆様、お手をわずわらせてしまってすみませんでした。

以後気を付けます。

本当にすみませんでした。