• ベストアンサー

HTMLでテーブルを横に並べる方法

tsubaki39の回答

  • tsubaki39
  • ベストアンサー率61% (77/125)
回答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

参考URL:
http://www.tohoho-web.com/css/basic.htm,http://www.tohoho-web.com/css/reference.htm#float
kuniyukikouhei
質問者

お礼

ありがとうございます!! 出来ました!

関連するQ&A

  • テーブルを横に並べたいのですが

    ホームページ作成で、 テーブルを横に並べたいのですが、 テーブルを -----------------------    -------------------------------- 狭い幅                  狭い幅           -----------------------    -------------------------------                              広い幅                  広い幅                                      ------------------------    -------------------------------- こんな感じで間を空けて並べたいのですが、 うまく書けませんが(>_<)中は仕切って 横2マスのテーブルと横3マスのテーブルを別々に作って 横に並べたいのです。 どのようにすればよいでしょうか? よろしくお願いします!

  • 別々のテーブルは横に並べられない?

    Dreamweaverを使ってホームページを作っています。 初歩的な質問なのですが、 別々のテーブルを横に並べて表示したいのですが、 できないことなのでしょうか? また、テーブルの横にテキストを入力することも 不可能なのですか? ひとつのテーブルで作ったりすると、表示が遅めに なってしまわないでしょうか...? ご存知の方どうかお教えください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • テーブルの横に…

    テーブルの横に「つなビィ」を付けたいのですが、できますか? そのままタグを入力すると、テーブルの下に付いてしまいます。

    • ベストアンサー
    • HTML
  • 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>

  • テーブルを横に並べたい

    お世話になります。HTML初心者で、入門書を見ながらHPを作っています。 テーブルを2つ横に並べたいのですが、 まず画面左に適当な表(表1)を作りました。そして、表1の右に見た目で3cm程間をあけて、同じ表を作りたいのですが、どういうタグを打てばいいのでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLで100%のテーブルを確実に表示させる方法?

    みなさまお世話になっております。 現在HTMLにてテーブルを組み、 table height="100%" と指定しどんなにブラウザの画面を上下に延び縮みさせてもいつも上下一杯に表示させたいのですが、 なぜか少しだけテーブルの下の部分が100%表示されず困っています。 いつもテーブルを100%表示されるようにするテクニックなどがあれば教えてください。

    • ベストアンサー
    • HTML
  • HTML のテーブル構造

    HTML のテーブル構造で悩んでいます。 以下の図(下手ですいません)のようなテーブルを作成したいのですが 現実的に可能なのでしょうか? もし、わかる方がおられましたら、ご享受をお願いいたします。 (縦と横がつながる感じで * には文字をいれたい) -------| |*******| |*|-----| |*|*****| |*|-----| |*|*****| -------|

    • ベストアンサー
    • HTML
  • HTMLで1つのテーブルを横に表示させる方法

    配列の中身をfor文を使って全部テーブルに表示させたいのですが そうすると縦にずらーっとでてきてしまい見栄えが悪いので 何件か毎に区切って横に列表示させるようにしたいです。

  • テーブルの横に文字を置くタグ

    テーブルの横に文字を表示したいのですが、どうしてもテーブルの上、もしくは下に表示されます。どのようなタグを使えば横に並べることが出来るのでしょうか? ちなみに右にテーブル、左に文字としたいのですが...