2つのテーブルは列、幅の数が異なります。
ちょうど下記のような感じで表示したいのですが、
どのようにすればよいでしょうか。
単純にテーブルを2つ記述するとくっついてしまいます。
■■■ ■■
■■■ ■■
■■■
レイヤー?とかいうものを使う方法もあるようなのですが、
ちょっと説明をみてもよく分かりませんでした。
2つを別々のテーブルではなく、1つのテーブルにしてできないかと思ったのですが、枠線が
上のようにならなくて断念しました。
いくつかの画面を作成しているのですが、思ったとおりに表示できなくて悪戦苦闘しています。
アドバイス頂けると助かります。
No.3ベストアンサー
- 回答日時:
<div>
<table style="float:left; width:270px;" border="1">
<tr><td>左</td><td>左</td></tr>
</table>
<table style="float:right; width:180px;" border="1">
<tr><td>右</td><td>右</td></tr>
</table>
<p style="clear: both;">widthの数値は要調整</p>
</div>
※ 上記のwidthは、適当なので、数値を要調整
※ 枠が広くて、左右のテーブル同士が開き過ぎるなら、
<div> を <div style="width:500px;"> などにしてwidthの数値を調整。
※ テーブルの下行は、ブロック要素でclear(他のclear手法でも良い)
#1 テーブルでレイアウトしない方が良いです・・・
テーブルが大きくなってカラム落ちした際の表示を考慮すれば、
1個目のテーブルを margin-right: 開ける数値px; を追加して、
2個目を float:left; にした方が初心者には優しいかな。
お返事有難うございます。遅れてしまい申し訳ありません。
詳細なアドバイス有難うございます。いくつか飲み込めていない点がありますが、ぐぐってみて理解したいと思います。
また不明点がありましたら新規質問を投稿するかもしれませんが、もしよろしければまたアドバイス頂けると嬉しいです。
No.2
- 回答日時:
こういう時ははやっぱりスタイルシートでしょう。
右に配置したいテーブルにfloat:right;
テーブル同士の間隔はマイナスmarginで調整。
右のテーブル<table border="*"style="float:right;margin-left:-***px;">
左のテーブル<table~>
<p style="clear:both;">下に続く要素</p>
No.1
- 回答日時:
ごくごく、単純な記述ですが、
<TABLE>
<TR>
</TR>
<TR>
<TD>
<TABLE>
<TR>
</TR>
<TR>
</TR>
<TR>
</TR>
</TABLE>
</TD>
<TD>
<TABLE>
<TR>
</TR>
<TR>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
親のテーブルの中に子供のテーブルを入れてはいかがでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- MySQL 【MySQL】本当に困っています。詳しい方、ご教授よろしくお願いします。 1 2023/06/03 14:18
- MySQL 【MySQL】本当に困っているので、助けてください。よろしくお願いします。 3 2023/06/03 14:24
- SQL Server DBのテーブルの設計ができず困っています。 2 2023/06/29 16:43
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- Access(アクセス) Access クエリ 同一テーブル内 複数フィールドの同時集計のやり方について 1 2022/05/18 19:01
- Access(アクセス) Accessにインポートした複数のテーブルを表示させる方法が分かりません。 1 2023/01/30 20:22
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- Access(アクセス) Access2016でフォーム内にExcelの複数シートを 表示させるイメージで複数テーブルの デー 1 2022/11/25 15:30
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
ウィンドウのサイズを変えても...
-
テーブルの横に画像を
-
インラインフレームの隣に画像...
-
はじめて質問させていただきます。
-
テーブルの横に文字を置くタグ
-
テーブル内に画像を表示したい。
-
画像の横にテーブルを。。。
-
テーブルの位置を細かく指定し...
-
table内にiframeでテーブルが崩...
-
商品詳細を横並びに表示する方法
-
テーブルの行を折りたたみたい...
-
TABLEのセルの中の文字を行単位...
-
テーブル幅が固定できない
-
テーブルとテーブルの間隔について
-
formのinputなどの幅100%指定
-
テーブルのヘッダとボディの幅...
-
正規表現で「より前」と「より後」
-
テーブルの任意の列を非表示に...
-
この出品にある送料表の作り方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
スタイルシートで、画像の横に...
-
テーブルの高さ幅の固定方
おすすめ情報