ＨＰ作成。テーブルの横にも下にも文字を入れたい。
お世話になります。ＨＰを作成しています。わからないことがあります。
タイトルにもしましたが、テーブルについてです。
下記のような感じにページの途中をしたいのですが、どのようにすれば。
☆テーブル１
－－－－－－－ －－－－－－－
｜（テーブル１）｜ → ｜（テーブル２）｜
－－－－－－ －－－－－－－
１の補足
違う内容
テーブル１に align="left" と入れたら、
その後入力した分がすべて テーブル１の右になってしまいました。
右になってほしいものと、
下に別項目としたいのとあるのですが、できません。。
アドバイスください。
投稿日時 - 2010-02-10 15:22:50
このような場合HTMLのソースを掲載してもらうとアドバイスしやすいかと思います。
最初の切り口としては、テーブル１とテーブル2の上にテーブル０で覆えばいいわけです。
<table id=0><tr>
<td col=>
<table id=1>
<td>
<table id=2>
でCOLなどの属性で縦と横に並ぶ数を、決めれば、どのような配置にもできますよね。
CSSを使わない場合の、レイアウトの仕方の基本です。
HTMLのタグには詳細なレイアウトコントロールするタグはありません。
それでTABLEタグにカスケードして中でレイアウトします。他のサイトをブラウザのソースを見る機能で見てみてください。CSSを使わない場合、これでやっていますので、参考にしてください。
このサイトはDIVタグで、CSSで表示する場所を細かく指定していますね。本格的（コンシュマー向け）なレイアウトはCSSを使う事を推奨しています。これはDOMと関係しますが、タグ単位でコントロールする場合、シンプルに設計できるためです。
投稿日時 - 2010-02-10 15:52:05
お礼
ありがとうございます。
テーブルをテーブルで囲って、セルのように考えるということですね。なるほど。
初心者にはそれがわかりやすそうです。
もしくは、ひとつひとつ場所を指定か。
そういう方法もあるのですね。
やってみます。
投稿日時 - 2010-02-10 17:51:47
2人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（1件中 1～1件目)
テーブルの入れ子はあんまりスマートなやり方じゃないですね。
見栄えはCSSでやるべきです。
(テキストが全部右になるのを回避するには、回り込みを解除すれば良いんです)
サンプル
<html>
<head>
<title>テーブル</title>
<style>
.yoko { float:left; }
</style>
</head>
<body>
<div class="yoko">
<table border="1" style="float:left;">
<th colspan="3">テーブル１</th>
<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
<tr><td>3-1</td><td>3-2</td><td>3-3</td>
</tr></table>
テキスト・・・
<br clear="left">
<p>
１の補足説明</p></div>
<table border="1">
<th colspan="3">テーブル２</th>
<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
<tr><td>3-1</td><td>3-2</td><td>3-3</td>
</tr></table>
<br clear="left">
<p>
違う内容・・・
</p>
</body>
</html>
投稿日時 - 2010-02-10 18:27:18
お礼
ありがとうございます。
<br clear="left"> というのを入れることで改行できるんですね。
初めて知りました。
こちらも試してみます。
投稿日時 - 2010-02-16 15:45:12
