- ベストアンサー
HTMLでテーブルを横に並べる方法
HTMLでホームページを作っています。 テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか? 教えていただければ幸いです。 よろしくお願いします。
- kuniyukikouhei
- お礼率40% (17/42)
- ブログ
- 回答数3
- ありがとう数10
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
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>
その他の回答 (2)
- tsubaki39
- ベストアンサー率61% (77/125)
直接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
- kolp
- ベストアンサー率34% (35/102)
<table> <tr> <td> 左のテーブルのソース </td> <td> 右のテーブルのソース </td> </tr> </table> こんな感じです。 ふつうに並べると下にくるのは、そういう仕様だからです。
お礼
早速の回答ありがとうございます。 私の質問が悪かったみたいです。 イメージとしては、ワードやエクセルのテキストボックスを横に2つ作りたいのです。 1つ目と2つ目には多少のスペースを空けて。 回答頂いたものは、1つのテーブルという考えです。 ですから、このHTMLを2つ連続で入力すれば横に2つ並べばいいんですけど、どうしても上下に並んでしまうので、何か方法は無いかと思い質問させていただきました。 お手数ですが、また回答頂けると助かります。よろしくお願いいたします。
関連するQ&A
- テーブルを横に並べたいのですが
ホームページ作成で、 テーブルを横に並べたいのですが、 テーブルを ----------------------- -------------------------------- 狭い幅 狭い幅 ----------------------- ------------------------------- 広い幅 広い幅 ------------------------ -------------------------------- こんな感じで間を空けて並べたいのですが、 うまく書けませんが(>_<)中は仕切って 横2マスのテーブルと横3マスのテーブルを別々に作って 横に並べたいのです。 どのようにすればよいでしょうか? よろしくお願いします!
- ベストアンサー
- その他([技術者向] コンピューター)
- 別々のテーブルは横に並べられない?
Dreamweaverを使ってホームページを作っています。 初歩的な質問なのですが、 別々のテーブルを横に並べて表示したいのですが、 できないことなのでしょうか? また、テーブルの横にテキストを入力することも 不可能なのですか? ひとつのテーブルで作ったりすると、表示が遅めに なってしまわないでしょうか...? ご存知の方どうかお教えください。 よろしくお願いします。
- ベストアンサー
- CSS
- HTMLでテーブルを表示させようとしています。
HTMLでテーブルを表示させようとしています。 画像のような勤務状況がわかるテーブルをHTMLで表示させようとしています。 テーブルの数字項目は時刻を表しています。(9から18まであります) ブラウザの横スクロールは表示させたくないので テーブル内の一部項目(「No.」から「氏名」まで)を固定にして 横スクロールバーを表示させたいのです。 縦スクロールのサンプルを見つけ、 これを横に対応させればよいかと思ったのですが うまく表示させることが出来ませんでした。 一部項目を固定にして横スクロールバーを表示することは可能なのでしょうか?
- ベストアンサー
- HTML
- テーブルを2つ横に並べる
ホームページ作りに熱中しているのですが、テーブルを2つ横に並べる方法がよくわかりません。どうしても縦に連なってしまいます。 テーブルを横に並べるタグはあるのでしょうか?教えてくださいm(vv)m このテーブルを横に並べたいのですが・・・。 <table style="border:1px solid 色;background-color:white;" cellpadding="5"><tr><td> 文字を入れる </td></tr></table>
- ベストアンサー
- レンタルサーバ・ASP
- テーブルを横に並べたい
お世話になります。HTML初心者で、入門書を見ながらHPを作っています。 テーブルを2つ横に並べたいのですが、 まず画面左に適当な表(表1)を作りました。そして、表1の右に見た目で3cm程間をあけて、同じ表を作りたいのですが、どういうタグを打てばいいのでしょうか。 よろしくお願いします。
- ベストアンサー
- HTML
- HTMLで100%のテーブルを確実に表示させる方法?
みなさまお世話になっております。 現在HTMLにてテーブルを組み、 table height="100%" と指定しどんなにブラウザの画面を上下に延び縮みさせてもいつも上下一杯に表示させたいのですが、 なぜか少しだけテーブルの下の部分が100%表示されず困っています。 いつもテーブルを100%表示されるようにするテクニックなどがあれば教えてください。
- ベストアンサー
- HTML
- HTML のテーブル構造
HTML のテーブル構造で悩んでいます。 以下の図(下手ですいません)のようなテーブルを作成したいのですが 現実的に可能なのでしょうか? もし、わかる方がおられましたら、ご享受をお願いいたします。 (縦と横がつながる感じで * には文字をいれたい) -------| |*******| |*|-----| |*|*****| |*|-----| |*|*****| -------|
- ベストアンサー
- HTML
- HTMLで1つのテーブルを横に表示させる方法
配列の中身をfor文を使って全部テーブルに表示させたいのですが そうすると縦にずらーっとでてきてしまい見栄えが悪いので 何件か毎に区切って横に列表示させるようにしたいです。
- 締切済み
- Java
- テーブルの横に文字を置くタグ
テーブルの横に文字を表示したいのですが、どうしてもテーブルの上、もしくは下に表示されます。どのようなタグを使えば横に並べることが出来るのでしょうか? ちなみに右にテーブル、左に文字としたいのですが...
- 締切済み
- HTML
お礼
ありがとうございます!! 出来ました!