列数が違う表を重ねたのですが重ねた部分が2pxになってしまうので
重ねた部分も1pxで表示させたいのですがどうすればいいのでしょうか?
ソースはこちらです
<TABLE BORDER="0" WIDTH="400" CELLSPACING="1" CELLPADDING="5" BGCOLOR="#1C79C6">
<TR BGCOLOR="#E3F0FB">
<TD>あ</TD>
<TD>い</TD>
</TR>
<TR BGCOLOR="#E3F0FB">
<TD>う</TD>
<TD>え</TD>
</TR>
</TABLE>
<TABLE BORDER="0" WIDTH="400" CELLSPACING="1" CELLPADDING="5" BGCOLOR="#1C79C6">
<TR BGCOLOR="#E3F0FB">
<TD>↑の部分が2pxになるのを防ぎたいです</TD>
</TR>
</TABLE>
宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
通常、質問の例のような表を作りたい場合は、<td>タグのcolspanというオプションを使用して指定してあげます。
<TABLE BORDER="0" WIDTH="400" CELLSPACING="1" CELLPADDING="5" BGCOLOR="#1C79C6">
<TR BGCOLOR="#E3F0FB">
<TD>あ</TD>
<TD>い</TD>
</TR>
<TR BGCOLOR="#E3F0FB">
<TD>う</TD>
<TD>え</TD>
</TR>
<TR BGCOLOR="#E3F0FB">
<TD COLSPAN="2">↑の部分が2pxになるのを防ぎたいです</TD>
</TR>
</TABLE>
No.3
- 回答日時:
>列数が違う部分があるのに表を一つにすることができるのでしょうか?
表なら、そのようなこと(colspanやlowspanで行や列を合わせられない)はありえないはずです。
どんな表ですか?
「複数の行あるいは列をまたぐコマ」
Tables in HTML documents (ja)
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 …
No.1
- 回答日時:
無理です。
テーブルのボーダーは、内側を基準に外に何ピクセルかを描画し、その外が位置的にはゼロになるから。ボーダーをつける限り無理です。
表である限り、どこが表なのか--表にはSummaryをつけることになっていますが、その異なる[略名]の表の区切りがどこか分からなくなってしまうと、ユーザーは困るでしょ。
スタイルシートで、重ねると良いでしょうけど・・。
くっつけるなら、そもそもそれなら二つに分ける必要もないでしょう。なぜ?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
L字みたいな記号の表示
-
シーサーブログのヘッダー画像...
-
PDFファイルが破損していると表...
-
グーグルのアイコンを操作して...
-
エキサイトブログについて。 ...
-
ExcelVBAで挿入画像の縦横サイ...
-
gooブログにPDFをアップロー...
-
ASP.NETで画像の高さと幅を取得
-
jQuery BoxerというLightBoxに...
-
ワロタ、orz
-
ピクチャーボックスの大きさに...
-
CSOランチャーがおかしい(カウ...
-
pop upウィンドウを画像サイズ...
-
flaskのreturn render_template...
-
HTMLで、ホームページが作れる...
-
動くJPEGについて
-
PDFファイルをインターネッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
レスポンシブWeb 右側の表示が...
-
テキストの表示がいきなり小さ...
-
フォント12pxの200%?
-
HTMLにsvg画像表示したら小さか...
-
[CSS]エラーの原因
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
HTMLで、ホームページが作れる...
-
グーグルのアイコンを操作して...
-
画像と画像の間のスペースはど...
-
ワードプレス管理画面から、ヘ...
-
なぜ、ホームページが削除され...
-
iPhoneで HTMLファイルを閲覧
-
ExcelVBAで挿入画像の縦横サイ...
-
一行は何ピクセル?
-
ブログの画像を復元したい
おすすめ情報