No.1ベストアンサー
- 回答日時:
こんな感じか。
下のHTMLを一つのHTMLファイル(例えばtables.html)などとして保存し、ブラウザで開いてみてください。<html>
<head>
<title>Input File Test</title>
<style>
table {
border-collapse: collapse;
}
table tr td {
border: black 1px solid;
}
table tr.blank td {
border: black 0px none;
}
</style>
</head>
<body>
<table>
<tr>
<td>あ</td>
<td>あ</td>
<td>あ</td>
</tr>
<tr>
<td>あ</td>
<td>あ</td>
<td>あ</td>
</tr>
<tr>
<td>あ</td>
<td>あ</td>
<td>あ</td>
</tr>
<tr class="blank" style="height: 40px;">
<td colspan="3"></td>
</tr>
<tr>
<td>あ</td>
<td>あ</td>
<td>あ</td>
</tr>
<tr>
<td>あ</td>
<td>あ</td>
<td>あ</td>
</tr>
<tr>
<td>あ</td>
<td>あ</td>
<td>あ</td>
</tr>
</table>
</body>
</html>
No.3
- 回答日時:
無理矢理やろうとするなら、改行があるように見せたい位置のセルにclassを付けて、border等を消してheightを入力すれば見た目上は実現できるでしょう。
何故ひとつのidでやりたいかというのがよく伝わってこないのですが、
単純に二つのtableをdivか何かで囲んで、そのdivにidを付けるのではダメなんでしょうか?
この回答への補足
なぜかと言うと、行の幅が変わるのを、2つのテーブルで合わせたい(プログラムで制御したくない)というのがあります。もしかすると私の知識不足でよい方法があるのかも知れません。
補足日時:2013/12/15 11:48No.2
- 回答日時:
tableが連続する場合にその間にマージンをとりたい場合は単純に
table+table{margin-top:20px;}
だけでよいです。
>これを1つのテーブルIDにしたいと思ってます。
IDは、ひとつの文書内にひとつしか書けません。table内にtableを入れることになります。
<table id="tableID">
<tbody>
<tr>
<td>
<table></table>
<table></table>
</td>
</tr>
</tbody>
</table>
しかし、これは文書構造上とてもおかしいです。
そもそもidやclassは「id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」です。デザインのためではありません。tableの場合、summary属性が必須です。(HTML5では必須ではない)から、table[summary="ナンタラの表"]{}でセレクタはかける。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- MySQL テーブル作成時のカラムについて 2 2022/08/27 21:48
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- MySQL my_itemsテーブルのIDにAUTO_INCREMENT を追加ができるかで 1 2023/01/03 09:09
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- その他(データベース) accessでの請求管理について 2 2022/06/13 21:51
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- MySQL MYSQL エラー 2 2022/10/18 11:37
- その他(プログラミング・Web制作) python 3.10で 同じlistに同じ構文で同じデータ代入した結果が異なる現象発生 7 2022/06/18 11:08
- TOEFL・TOEIC・英語検定 get に「入る」という意味ありますか?辞書に載っていません 4 2022/06/05 06:03
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルのヘッダとボディの幅...
-
文字列が入っているtdを削除せ...
-
TRタグの余白をcssで設定するには
-
HTML <td></td>タグ セル内余...
-
テーブルの任意の列を非表示に...
-
テーブルのセルにアンカー
-
テーブルの枠線とテキストフィ...
-
EXCELからhtmlへの変換で罫線が...
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
Dream Weaver CC で属性一括削除
-
ホームページ 表の上の余白を...
-
tableにtableをネストした場合
-
<td>が空欄でもtable{table-lay...
-
cssで、表示されるテキストによ...
-
表の一部を結合するには?
-
スタイルシートで colspan=3と...
-
テーブルの外側の線を消す
-
テーブルの装飾
-
表の中の列の順番を入れ替える...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
HTML <td></td>タグ セル内余...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
テーブルの行を折りたたみたい...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
中に<table></table>が使えるア...
-
逆L字の表(table)組み
-
ホームページ 表の上の余白を...
-
表の中の列の順番を入れ替える...
-
EXCELからhtmlへの変換で罫線が...
-
tableでcolspanを使うと次行以...
-
表の1列だけをCSSを使って右揃...
-
文字の中央そろえを一括で指定...
おすすめ情報