tableの中のtableの表示と外側（大きい方）のtableに背景画像を表示させる方法

Question

非常にわかりにくいタイトルで申し訳ありません。tableの中にtableを入れて、外側（大きい方）のtableだけ背景画像を表示させたいのですがどのようにすればいいのでしょうか？下記ソースまでは作ったのですが、中（小さい方）のtableがなぜか右よりになってしまいます。小さいtableを真ん中にして、そのtableの周りを画像で囲みたいのですがどのようにすればいいのでしょうか？もちろん、下記ソースでなくても全然かまいません。htmlはまだまだ勉強中で詳しい方からすれば非常に見難いソースで申し訳ありませんが、ぜひお力添えいただけたらと思いますのでよろしくお願いします。
↓ソース

<html>
<head>
<body>
<title>タイトル</title>

<TABLE background="画像jpg"><TD width="10%" height="10%"><TR></TD><TD height="100%"></TD><TD width="100%" height="100%"><TD width="100%"><TD>

<TABLE border width="600" height="100%" bgcolor="white">
　<TR>
　　<TD>

文章

</TD>
　</TR>
</TABLE>
</CENTER>
</body>
</html>

文章

DOUGLAS_ · Accepted Answer

[回答番号：No.1] の DOUGLAS_ です。＞頂いたご意見の通りやってみたのですが、＞下記のような形で合ってますでしょうか？・各タグの開閉がそれぞれ対になっていること（・
などは閉じタグがありません）・タグの順序が入れ子順になっていること（<あ><い><う><え>中心）・タグ内の順序が

セル内の文字

の順になっていること等は満たされていますので、先ずは問題ないかと存じます。＞このソースでやってみたら、＞画像がページの左上に小さく出て、＞その中に「セル内の文字列」と言う言葉がギリギリ入っていました。　タグは、慣れない間は、扱いの面倒なタグです。・の中に何かを入れて内側から広げるとか、・強制的に「width」・「height」を指定して外側から引っ張るとかしてやらないと大きくはなれません。　お示しの例でしたら、入れ子になっている

～

の中には「セル内の文字列」しか入っておりませんので、そういうことになってしまいます。　

タグを扱う場合は、表やセルの状態がどうなっているのか把握しやすくするために、最初の内は「border=1」にでもして枠線を表示した方が分かりやすいですね。　全体のレイアウトができてから「border=0」つまり枠線を無しにするのがよいかと存じます。＞ページいっぱいに画像を出して、　これにつきましては、外側の

タグを

とすると外側の

が「ページいっぱいに」なりますが、これだけでは、ページ自体の余白部分が埋まりませんので、タグの部分をにでも変えてみてください。＞その中心に内側のtable ＞を持ってくるにはどうしたらいいのでしょう？これにつきましては、内側の

の外にある

タグを

としてください（すでにそうしてくださっていますが．．．）。　つまり、外側のセルの「内容物を上下左右真ん中に配置する」ということです。　以上のことを踏まえて、ざっと下記のようなことで、ご要望が達成できるかと存じます。　　　タイトル　　　　　　　　　　　　　　　　

　　　　　　　　セル内の文字列　　　　　　　

DOUGLAS_ · Answer

「↓ソース」としてお示しのものをインデントを付けて表示してみますと 1: 2:　 3:　 4:　　タイトル 5:　　 6:　　　　 8:　　　　 9:　　　　 11:　　　　

7:　　　

10:　　　　

12:　　　　

13:　　　　

14:　　　　 15:　　　　　 16:　　　　　　 19:　　　　　 20:　　　　

17:　　　　　　文章 18:　　　　　　

21:　　　　 22:　 23: というようなことになろうかと存じますが、＞中（小さい方）のtableがなぜか右よりになってしまいます。という以前に、少々、問題が多いような気がいたしますねぇ。・「2:」に対する「」がない。・「4:タイトル」は「～」内に書きましょう。・「5:」～「21:」につきましては、各タグに対して「閉じタグ」がそれぞれ対になっているかどうか確認するためにも、インデントを配してソースを書く練習をなさった方がよさそうです。・基本的に「

セル内の文字列

」というような順序になりますので、を入れ子にされる場合は

　・・・（※）　

　　セル内の文字列　

というような感じになります。・「21:」につきましては、＞小さいtableを真ん中にして、そのtableの周りを画像で囲みたいという意志の現れかと存じますが、この場合は「～」ではなくて、上記（※）の「

」タグを「

」というようにします。＞htmlはまだまだ勉強中とのことですので、先ずは、上記のことを踏まえた上で、お示しの「↓ソース」を作り直してみてください。

tableの中のtableの表示と外側（大きい方）のtableに背景画像を表示させる方法

[回答番号：No.1] の DOUGLAS_ です。

「↓ソース」としてお示しのものを インデント を付けて表示してみますと

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

「↓ソース」としてお示しのものをインデントを付けて表示してみますと