- ベストアンサー
ＨＰ作成。テーブルの横にも下にも文字を入れたい。
ＨＰ作成。テーブルの横にも下にも文字を入れたい。 お世話になります。ＨＰを作成しています。わからないことがあります。 タイトルにもしましたが、テーブルについてです。 下記のような感じにページの途中をしたいのですが、どのようにすれば。 ☆テーブル１ －－－－－－－ －－－－－－－ ｜（テーブル１）｜ → ｜（テーブル２）｜ －－－－－－ －－－－－－－ １の補足 違う内容 テーブル１に align="left" と入れたら、 その後入力した分がすべて テーブル１の右になってしまいました。 右になってほしいものと、 下に別項目としたいのとあるのですが、できません。。 アドバイスください。
- hiro1190
- お礼率61% (104/168)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
このような場合HTMLのソースを掲載してもらうとアドバイスしやすいかと思います。 最初の切り口としては、テーブル１とテーブル2の上にテーブル０で覆えばいいわけです。 <table id=0><tr> <td col=> <table id=1> <td> <table id=2> でCOLなどの属性で縦と横に並ぶ数を、決めれば、どのような配置にもできますよね。 CSSを使わない場合の、レイアウトの仕方の基本です。 HTMLのタグには詳細なレイアウトコントロールするタグはありません。 それでTABLEタグにカスケードして中でレイアウトします。他のサイトをブラウザのソースを見る機能で見てみてください。CSSを使わない場合、これでやっていますので、参考にしてください。 このサイトはDIVタグで、CSSで表示する場所を細かく指定していますね。本格的（コンシュマー向け）なレイアウトはCSSを使う事を推奨しています。これはDOMと関係しますが、タグ単位でコントロールする場合、シンプルに設計できるためです。
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
テーブルの入れ子はあんまりスマートなやり方じゃないですね。 見栄えは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>
お礼
ありがとうございます。 <br clear="left"> というのを入れることで改行できるんですね。 初めて知りました。 こちらも試してみます。
お礼
ありがとうございます。 テーブルをテーブルで囲って、セルのように考えるということですね。なるほど。 初心者にはそれがわかりやすそうです。 もしくは、ひとつひとつ場所を指定か。 そういう方法もあるのですね。 やってみます。