No.3ベストアンサー
- 回答日時:
こんばんは。
頑張っていらっしゃいますね。いろんな方法がありますが、入門レベルで最もわかりやすいのはテーブルを三つ並べる方法かと思います。
必要なテーブルの数は二つですから、左と右のテーブルを本来の表として使い、真ん中のテーブルは横幅を3Cmくらいに設定して無地のままにします。枠線も書き込みの文字も無ければ、単なる間のスペースに見えるだろうという魂胆です。
見本のタグを書いておきます。
<html>
<head><title>3Cmくらい間をあけてテーブルを二つ</title>
</head>
<body>
3Cmくらい間をあけてテーブルを配置してみましょう。<br>
<table>
<tr>
<td><table border="1">
<tr><td width="300" height="200"><font size="5">表1</font></td></tr></table></td>
<td width="92" border="0"> </td>
<td><table border="1">
<tr><td width="300" height="200"><font size="5">表2</font></td></tr></table></td>
</tr>
</table>
</body>
</html>
1番目と3番目のテーブルでは、「border="1"」と指定して枠線を表示しています。
2番目のテーブルのみ、「border="0"」と指定して枠線を表示しないようにしてます。この対比で2番目のテーブルの存在感をなるべくわからないようにしている訳です。
2番目のテーブルで「width="92"」と指定していますが、ここがミソです。これは「2番目のテーブルの幅を92ピクセルで表示しなさい」と指定するタグですが、Windowsパソコンの画面ではこれでほぼ3センチになります。ただし、Macintoshのパソコンで表示すると、画面の規格が異なるので、2番目のテーブルの幅は3センチよりも少し大きく表示されてしまいます。こればっかりは規格の違いが原因なのでどうしようもありません。
あと、2番目のテーブルの<td>タグと</td>タグとの間に半角スペースをわざと入れています。ここには何も無い場所ですが、ブラウザの種類によってはこの半角スペースが入ってないと2番目のテーブルがつぶれてしまうこともあるので、念のために入れています。このあたりは、出来たHTMLを何種類かのブラウザで表示テストしてから本番で使うようにした方が良いです。
No.2
- 回答日時:
<table>
<tr>
<td><table>左の表</table></td>
<td><table>3cm指定</table></td>
<td><table>右の表</table></td>
</tr>
</table>
これでどうでしょうか。
No.1
- 回答日時:
これは読み込みの問題とかがあるのであまりオススメじゃない方法ですが...
横3枠の枠非表示のテーブルをつくって、その中の左の枠にテーブル(表1)を入れ、真ん中の枠はセルの大きさ指定で3cmあけ、右の枠にテーブル(表2)を入れるというのはどうでしょう?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Visual Basic(VBA) 【マクロ】表への繰り返し転記について 1 2022/11/19 16:30
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- Android(アンドロイド) PayPayでアンドロイドスマホのアカウント画面の表示のポイントの使い方が知りたい 画像添付 5 2022/05/26 10:58
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
Dreamweaverのテーブル内テキス...
-
markdownでテーブルの罫線は、...
-
TD、THタグ内の水平罫線(...
-
(再度)行間を詰める方法
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
エクセルでサイズ指定でPOP...
-
PDFへてのテキストボックスにて...
-
エクセル 画面表示拡大率によ...
-
敬語
-
『入力文字列 + .html』 に...
-
プリントアウト時、ページ内容...
-
マクロについて教えてください、、
-
Microsoft1Officeの互換ソフト...
-
ホームページビルダーで表の列...
-
table内で画像と文字をセンター...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
TD、THタグ内の水平罫線(...
-
Dreamweaverのテーブル内テキス...
-
実行結果をデジタル時計みたい...
-
【ホームページビルダー】表の...
-
iframeのスクロールバー:縦だ...
-
DREAMWEAVERでテーブルに枠線
-
colspanで余計な余白
-
markdownでテーブルの罫線は、...
-
かっこいいウェブを作るテク
-
gooブログに表を挿入できないで...
-
サイト全体を中央に表示したい...
-
<table>の<thead>を固定したい。
-
SEO対策 <Body>タグ直下のテキ...
-
<H1>を使わずに<H2>以下を使用...
-
テーブル固定幅のサイトをスマ...
-
Iフレームを置いているページの...
-
テーブルをテーブルで囲う意味...
-
ホームページビルダーで表と表...
おすすめ情報