電子書籍の厳選無料作品が豊富!

テーブル同士の間隔を狭めるために、BRの半分程度の改行がしたいのですがどうすればいいでしょうか?
よろしくお願いします。

A 回答 (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 なんかを含んでるとさらに大変です。
    • good
    • 0
この回答へのお礼

ありがとうございました!

お礼日時:2009/02/01 15:31

<!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="表2">
<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="表3">
<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>
    • good
    • 0
この回答へのお礼

ありがとうございました!

お礼日時:2009/02/01 15:32

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!