-
ID:FSt2em さんの質問

初めて質問させていただきます。
実はtableの使い方で悩んでいます。

今制作をしているサイト内で、table(表)を複数使用するページがあります。
基本的な背景色(th,tdなどの)は決まっているのですが、セルの幅が表によって異なります。また、表はサイト内の複数箇所で使われます。
そのような時、htmlソースをスマートに、かつcssを汎用的に使用できるようにするにはどういった指定をされていますか?現在はこのように指定をしています。

■table幅や背景色、セル内の余白
共通の指定で統一

■幅の指定
各table毎に異なるクラスを指定して、その中のセル(thやtd)にwidth指定をします。

<table class="tableType01">〜
<table class="tableType02">〜

無駄にcssを増やしたくないと思い考えながら指定していましたが、どうにもスマートに出来ている気がしません...ご意見をいただければと思います。よろしくお願いします。

みんなの回答 1 件

ID:u1gh04 さんの回答

col要素使えばいいんじゃないかな

ID:JMIuXQ

質問者です。早速のご回答ありがとうございます。

col要素ですか!確かにこれでしたら無駄にCSSも増やさずにすみそうです。タグリファレンスを見てcolgroupとcolの理解に若干苦しんでいるところですが、無事解決できそうです。

大変助かりました。どうもありがとうございました。

最終更新日:2013-09-10 (2,515 views)

関連するトピックス

ページ上部に戻る