- ベストアンサー
改行幅の指定
テーブル同士の間隔を狭めるために、BRの半分程度の改行がしたいのですがどうすればいいでしょうか？ よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<table id="tbl1" style="margin-bottom: 0em;"> .... </table> <table id="tbl2" style="margin-top: 0.5em;"> .... </table> 私なら、上記から出発して気に入る様に margin を調整します。 style指定はもちろん ID指定の CSS でもOKです。 面倒なのは、ブラウザの種類やフォントサイズが変っても大丈夫な指定を見付ける事です。 TABLE が CAPTION なんかを含んでるとさらに大変です。
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>Untitled</title> <style type="text/css"> <!-- table{ margin-top:0.4em;margin-bottom:0.4em;/* お好きなマージンを */ border-collapse:collapse;border:ridge 3px red; } table tr td{ border: solid red 1px;width: 5em; text-align:center;padding:0.4em; } table.topW{ margin-top:2em; /* お好きなマージンを */ } --> </style> </head> <body> <h1>title</h1> <h2>subTitle</h2> <table summary="表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> <table summary="表２"> <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> <table class="topW" summary="表３"> <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> </body> </html>
お礼
ありがとうございました！
お礼
ありがとうございました！