• 締切済み

テーブルを横に二つ並べるには?

テーブル(2行5列)を4つ並べたいと思っています。 それぞれのテーブルとは若干のスペースが欲しいと思っています。 縦に並べるなら改行でもしてスペースを造ればいいと思うのですが、横にテーブルを(スペース有で)並べるにはどのようにしたら良いのでしょうか? どうぞよろしくお願いします。

みんなの回答

  • agawa090
  • ベストアンサー率33% (5/15)
回答No.4

<TABLE><TR><TD> <TABLE align=left style=margin-right:10px;> <TR><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR> <TR><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR> </TABLE> </TD></TR></TABLE>

  • sego
  • ベストアンサー率29% (371/1269)
回答No.3

4つを忘れていました テーブルの入れ子をするとよいのでは、外側を枠なしでcellpadding=を好きなだけ追加して、その内側 <TD> </TD>内に下記のような2行5列を入れれば、 <TABLE cellpadding="10" width="100%"> <TBODY> <TR> <TD> <TABLE border="1"> <TBODY> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> </TBODY> </TABLE> </TD> <TD>上記子テーブルを入れます</TD> <TD>上記子テーブルを入れます</TD> <TD>上記子テーブルを入れます</TD> </TR> </TBODY> </TABLE>

  • sego
  • ベストアンサー率29% (371/1269)
回答No.2

タグなら cellpadding="10" を増やしていくのは ホームページビルならテーブルの全体を選び右ボタンで属性の変更を選びセル内の余白で変更可能です。 タグ好きなら下記を参照ねがいます。 <TABLE border="1" cellpadding="10" width="100%"> <TBODY> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> </TBODY> </TABLE>

  • acacia7
  • ベストアンサー率26% (381/1447)
回答No.1

縦2つ横3つのテーブルを用意して, その中に4つのテーブルを配置してはいかがでしょうか? 真ん中のセルはスペースを確保するのに使用できます。

関連するQ&A

  • テーブルの隙間を無くしたい

    DreamWeaverCS4を使いホームページを作成しております。そこでテーブルについて、狙い通りに上手く表示が出来なくて困っております。どなたかご指導アドバイスをお願い致します。具体的な内容は下記のとおりです。 ・テーブルを「7列2行(全体の大きさは横700px×縦100px)」で作成し、内訳は1行目は、一枠横100px×縦50pxの大きさで7枠作成。2行目は横700px×50pxで作成。 上記内容のテーブル1行目に横100px×縦50pxのサイズの画像を7つ挿入。そして2行目には横700px×縦50pxの画像を1つ挿入しました。 そしてテーブルの設定は「ボーダーは0」です。 しかし、画像挿入後には2行目の画像横700px×縦50pxが入っているテーブルに隙間が出来て背景が見えてしまいます。1行目を見ると…微妙に各画像間の間に隙間が空いていて、この隙間が全体的に700pxを超えているようなんです。それで、2行目の画像に対して背景が見えて(テーブルの幅が広がってしまっています)いるのです。 そこでですが、画像を配置後にテーブルの隙間をきっちりと無くして背景が見えなくする方法ってあるのでしょうか? 解る方がいましたら…ご指導…アドバイスをお願い致します…。よろしくお願い致します…。

    • ベストアンサー
    • HTML
  • 画像の横にテーブルを。。。

    画像の横にテーブルを置きたいのですが、どうしても勝手に 改行されてしまいます。どうしたらいいのでしょうか?? 教えてください!!

    • 締切済み
    • CSS
  • テーブルを2つ横に並べる

    ホームページ作りに熱中しているのですが、テーブルを2つ横に並べる方法がよくわかりません。どうしても縦に連なってしまいます。 テーブルを横に並べるタグはあるのでしょうか?教えてくださいm(vv)m このテーブルを横に並べたいのですが・・・。 <table style="border:1px solid 色;background-color:white;" cellpadding="5"><tr><td> 文字を入れる </td></tr></table>

  • HTMLで1つのテーブルを横に表示させる方法

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

  • テーブルの枠自体を折り曲げる

    tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は1行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか?大急ぎでお願いします。

    • ベストアンサー
    • CSS
  • テーブルが広くなる

    ホームページ作成で、レイアウトソフトなどを使うと ネットで見たとき、テーブルがえらく横に 広がっちゃってる事があります。 あれって広がらないように するにはどうするのでしょうか? また、スペーサーGIFの縦と横の役割を教えて下さい。 また文を書く時<br>改行キーを入れるとパソコン や、ブラウザーによっては変なところで 改行されてる事があります。 <br>は入れない方がいいのですか?

    • ベストアンサー
    • HTML
  • テーブル内の画像を横並べにしたい

    HTMLテーブルの学習中の初心者です、よろしくお願いいたします。 テーブル内に画像を配置すると縦並びになってしまいます。 これを横並びにしたいのですが、(添付画像参照ください) 同じテーブルの上段には既に列を分けてある1行目があります。 問題の2行目、列を分けてそれぞれのセルに画像を当て横幅を指定 という方法ですと上段の横幅に揃ってしまうのか、幅が大きく広がり過ぎてしまいうまくいきません。 テーブル以外にも方法はあるようなのですが 現在テーブルの学習をしているためテーブルでのやり方を調べています。 初心者ですので解りやすいもっともシンプルなやり方ございましたら ぜひご指導お願いいたします。

  • Excelのテーブルとリスト

    とても初歩的な質問なんですが、Excelで"リスト"と"テーブル"の定義が分かりません。列に見出しを付け、その下にそれぞれのデータを羅列したものがリストだというのは分かるのですが、テーブルの定義がよくわかりません。また、テーブル=表でしょうか? それと、リストというのは縦方向(列方向)に作ったものだけをいうのでしょうか?横方向(行方向)に作ったとしたらリストではないのでしょうか? なんだか理屈っぽい質問ですみませんが、どなたか教えてください。

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

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

  • Tableを固定する

    テーブル内のセルのWidthを100pxとかに指定しても たくさん文字を入れて100pxを超えるとどんどん横に伸び続けますよね? これを固定して、文字数が多い場合はセル内で改行して縦に伸ばしたいのですが どうすればいいでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう