-PR-

解決済みの質問

質問No.1378539
困ってます
困ってます
お気に入り投稿に追加する (0人が追加しました)
回答数3
閲覧数8232
HTMLでテーブルを横に並べる方法
HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。
投稿日時 - 2005-05-10 01:34:19

質問者が選んだベストアンサー

回答No.2
2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>
投稿日時 - 2005-05-10 01:44:42
この回答を支持する
(現在0人が支持しています)

ベストアンサー以外の回答 (2)

回答No.3
直接HTMLタグを打っていらっしゃるなら、スタイルシート(CSS)を使ってはいかがでしょう?
レイアウトのためにテーブルを使用するのは、あまり良いことではありませんし。

一つ目のテーブルに「float:left;」を指定すれば、そのテーブルが左側に寄って、次のテーブルが右隣に来ます。
(他にfloat:right;などもあります。この辺は参考URLを読んでください)

htmlの中にCSSを書くならこんな感じです。
<table style="float:left;"><tr><td>左側に来るテーブル</td></tr></table>
<table><tr><td>右側に来るテーブル</td></tr></table>

 #分かりやすくするために、列も行も1つにして、テーブルの他の設定も省きましたが
 #その辺は適宜改変して下さい。

この2つのテーブルをさらに中央に寄せたい…とかの場合は、
さらにdivか何かでくくって設定する必要があると思います。
そのあたりはスタイルシートを勉強してみて下さい。
最初は面倒かも知れませんが、慣れると楽ですよ~。

参考URL
http://www.tohoho-web.com/css/basic.htm
http://www.tohoho-web.com/css/reference.htm#float
投稿日時 - 2005-05-10 14:12:18
この回答を支持する
(現在1人が支持しています)
お礼
ありがとうございます!!
出来ました!
投稿日時 - 2005-05-10 15:00:52
回答No.1
<table>
<tr>
<td>
左のテーブルのソース
</td>
<td>
右のテーブルのソース
</td>
</tr>
</table>

こんな感じです。
ふつうに並べると下にくるのは、そういう仕様だからです。
投稿日時 - 2005-05-10 01:41:58
この回答を支持する
(現在0人が支持しています)
お礼
早速の回答ありがとうございます。
私の質問が悪かったみたいです。
イメージとしては、ワードやエクセルのテキストボックスを横に2つ作りたいのです。
1つ目と2つ目には多少のスペースを空けて。
回答頂いたものは、1つのテーブルという考えです。
ですから、このHTMLを2つ連続で入力すれば横に2つ並べばいいんですけど、どうしても上下に並んでしまうので、何か方法は無いかと思い質問させていただきました。
お手数ですが、また回答頂けると助かります。よろしくお願いいたします。
投稿日時 - 2005-05-10 07:20:26
この質問は役に立ちましたか?
8人が「このQ&Aが役に立った」と投票しています
もっと聞いてみる

関連するQ&A

この他の関連するQ&Aをキーワードで探す

別のキーワードで再検索する

同じカテゴリの人気Q&Aランキング

カテゴリ
ブログ
-PR-

-PR-

特集

正しい方法で健康的な綺麗を手に入れよう!

お城、ボート、ツリーハウス、ユニークな物件満載!

患者さんやご家族、それぞれに合ったゴールと道筋を。

同じカテゴリの人気Q&Aランキング

カテゴリ
ブログ
-PR-

ピックアップ

-PR-