DreamweaverMXでホームページを作っています。
先ほど大問題が発生しました。ページ内にテーブルを使って表を設置したのですが、CSSからtableに対してマージンやパディングを指定したのですが、当然のことながら、すべてのtableに反映されてしまいます。
特に最上部にあるスライスで切り出したバナー画像はは見る影もありません。
そこでお聞きしたいのですが、複数のtableにそれぞれCSSを指定するのはどうしたらよいのでしょうか？
よろしくお願いします。
投稿日時 - 2005-07-03 12:30:39
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
投稿日時 - 2005-07-03 13:20:25
お礼
2NNさん有難うございます。
class指定ですか、なるほどです！
これならいくつでも増やしていけるんですね大変参考になりました。
投稿日時 - 2005-07-03 14:49:11
0人が「このQ&Aが役に立った」と投票しています
