- 締切済み
テーブルを横に二つ並べるには?
テーブル(2行5列)を4つ並べたいと思っています。 それぞれのテーブルとは若干のスペースが欲しいと思っています。 縦に並べるなら改行でもしてスペースを造ればいいと思うのですが、横にテーブルを(スペース有で)並べるにはどのようにしたら良いのでしょうか? どうぞよろしくお願いします。
- girije999
- お礼率7% (3/42)
- ホームページ作成ソフト
- 回答数4
- ありがとう数0
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- agawa090
- ベストアンサー率33% (5/15)
<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)
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)
タグなら 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)
縦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
- テーブルを2つ横に並べる
ホームページ作りに熱中しているのですが、テーブルを2つ横に並べる方法がよくわかりません。どうしても縦に連なってしまいます。 テーブルを横に並べるタグはあるのでしょうか?教えてくださいm(vv)m このテーブルを横に並べたいのですが・・・。 <table style="border:1px solid 色;background-color:white;" cellpadding="5"><tr><td> 文字を入れる </td></tr></table>
- ベストアンサー
- レンタルサーバ・ASP
- HTMLで1つのテーブルを横に表示させる方法
配列の中身をfor文を使って全部テーブルに表示させたいのですが そうすると縦にずらーっとでてきてしまい見栄えが悪いので 何件か毎に区切って横に列表示させるようにしたいです。
- 締切済み
- Java
- テーブルの枠自体を折り曲げる
tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は1行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか?大急ぎでお願いします。
- ベストアンサー
- CSS
- テーブル内の画像を横並べにしたい
HTMLテーブルの学習中の初心者です、よろしくお願いいたします。 テーブル内に画像を配置すると縦並びになってしまいます。 これを横並びにしたいのですが、(添付画像参照ください) 同じテーブルの上段には既に列を分けてある1行目があります。 問題の2行目、列を分けてそれぞれのセルに画像を当て横幅を指定 という方法ですと上段の横幅に揃ってしまうのか、幅が大きく広がり過ぎてしまいうまくいきません。 テーブル以外にも方法はあるようなのですが 現在テーブルの学習をしているためテーブルでのやり方を調べています。 初心者ですので解りやすいもっともシンプルなやり方ございましたら ぜひご指導お願いいたします。
- 締切済み
- HTML
- Excelのテーブルとリスト
とても初歩的な質問なんですが、Excelで"リスト"と"テーブル"の定義が分かりません。列に見出しを付け、その下にそれぞれのデータを羅列したものがリストだというのは分かるのですが、テーブルの定義がよくわかりません。また、テーブル=表でしょうか? それと、リストというのは縦方向(列方向)に作ったものだけをいうのでしょうか?横方向(行方向)に作ったとしたらリストではないのでしょうか? なんだか理屈っぽい質問ですみませんが、どなたか教えてください。
- 締切済み
- オフィス系ソフト
- テーブルを横に並べたいのですが
ホームページ作成で、 テーブルを横に並べたいのですが、 テーブルを ----------------------- -------------------------------- 狭い幅 狭い幅 ----------------------- ------------------------------- 広い幅 広い幅 ------------------------ -------------------------------- こんな感じで間を空けて並べたいのですが、 うまく書けませんが(>_<)中は仕切って 横2マスのテーブルと横3マスのテーブルを別々に作って 横に並べたいのです。 どのようにすればよいでしょうか? よろしくお願いします!
- ベストアンサー
- その他([技術者向] コンピューター)
- Tableを固定する
テーブル内のセルのWidthを100pxとかに指定しても たくさん文字を入れて100pxを超えるとどんどん横に伸び続けますよね? これを固定して、文字数が多い場合はセル内で改行して縦に伸ばしたいのですが どうすればいいでしょうか? よろしくお願いします。
- ベストアンサー
- HTML