セル内の余白について

質問

http://www.kyoto-1-hotel.jp/index.htm
上記のＨＰのメニュー部分には余白が３POINT設定されているのですが自分で表を３段造って一番下だけ余白を入れようとすると３段全てに余白が入ってしまいます。スタイルシートのパディングでpointを３にしてみましたがセル内の余白が入りません
上記のＨＰの様にmenu部分にだけ設定する方法を教えていただきたいのですが、よろしくお願いします。

回答No.1

noname#56882

参考にあげられたサイトを見ますと、一度<table>～</table>で閉じているようです。

<table width="760" border="0" cellpadding="3" cellspacing="0">
<tr><td align="center">メニュー部分</td></tr></table>

こういう具合にしてみるのもいいかもしれませんが、
複数のテーブルを使用していて、一部のみ余白を作りたい場合は
CSSで指定するのがいいと思います。

CSS記述例
.box{
width: 760px;/*テーブルの幅（任意）*/
background: #cccccc;/*テーブル内の色（任意）*/
text-align: center;/*テキストの中央寄せ*/
padding: 3px;/*テキスト部分の余白*/
}

HTML記述例（テーブルが2段になっている場合）
<table border="0">
<tr>
<td class="box">ここにメニューを記述</td>
</tr>
<tr>
<td>別の文章など</td>
</tr>
</table>

お礼

早速の回答ありがとうございます。
ＩＢＭのビルダーを使用してるのですがＣＳＳ記述例をどこに入れたらよろしいのでしょうか？
よろしくお願いします。

補足

ビルダー２００１を使ってるのですが、属性の中にセル内の余白があり、上の表は余白０に成ってるのに下の表は３になってます。
自分で造ったのは上を０にしておいて下を３にすると上も３になるから上は０のままにしたいと言うことです。
よろしくお願いします。