<TABLE>を複数個使うときのCSS問題勃発！

質問

DreamweaverMXでホームページを作っています。

先ほど大問題が発生しました。ページ内にテーブルを使って表を設置したのですが、CSSからtableに対してマージンやパディングを指定したのですが、当然のことながら、すべてのtableに反映されてしまいます。

特に最上部にあるスライスで切り出したバナー画像はは見る影もありません。

そこでお聞きしたいのですが、複数のtableにそれぞれCSSを指定するのはどうしたらよいのでしょうか？

よろしくお願いします。

回答No.1

2NN · ベストアンサー

CLASS指定しましょう。

※スタイルシート
TABLE { width:200px }
.table1 { margin:5px }
.table2 { margin:10px }

※HTML
<table class="table1">
略
</table>
<table class="table2">
略
</table>

width:200pxは全てのテーブルに効きます。
マージンはそれぞれクラス指定したテーブルにしか効きません。
.table1 { margin:5px } は、
TABLE.table1 { margin:5px } と書いてもOKです。

詳しくはここらへんなんかを。
http://www.cybergarden.net/webcss/efficient.html

参考URL：

http://www.cybergarden.net/webcss/efficient.html

お礼

2NNさん有難うございます。

class指定ですか、なるほどです！
これならいくつでも増やしていけるんですね大変参考になりました。