ＣＳＳの関与した表以外の表を作りたい

質問

ホームページ作成初心者です。コンテンツ部分に表（テーブル）を作りました。
ＣＳＳでパディング、マージンだけ指定してます。
ほとんどの表はこれでいいのですが、これとは別に表を作りたいのです。
その場合ＣＳＳが関与してしまいますが関与しないようにするにはどうすればいいのでしょうか？
何種類か作らないといけないので困っています。できれば横に２列（個）、下に３列（個）を
少しだけ間を空けてくっつけたいのですが作りかたが分かりません。画像添付しました。
どなたかご教授ください。

回答No.7

Yama-tani · ベストアンサー

<table>
<tr>
<td colspan="2" style="width:50%">&nbsp;</td>
<td colspan="2" style="width:50%">&nbsp;</td>
</tr>
<tr>
<td style="width:33%">&nbsp;</td>
<td colspan="2" style="width:33%">&nbsp;</td>
<td style="width:33%;">&nbsp;</td>
</tr>
</table>
これで、横に２列（個）、下に３列（個）の要望の形にはなります。

違うスタイルを当てたいとの事なので、先頭の<table>を<table class="style-none">とでもしておいて
.style-none{padding:0;margin:0;}/*style-noneのクラスのついた表に対するスタイル*/
.style-none td{padding:0;margin:0;}/*当該表の中のtdに対するスタイル*/
などと、別のスタイルの数値を当てればいくつでも、関与するスタイルを変更できます。

本来ですと、デザインに対するクラス名を付けるのは間違いですが、わかりやすいようにstyle-noneとしました。このように、｛の前の場所の指定する場所をセレクタといいます。クラスやidで局所化を図れます。

前の質問で、＃ヘッダ｛などとされていましたので、局所化は既に利用されていると思います。セレクタが前述の方法では、既存のセレクタに詳細度で負けてしまい表示できない場合もありえますが、それは質問者さんのソースを見ないと、誰にもこたえられません。

上記のサンプルですと、style="width:??%"としていますが、これをインラインスタイルシートといいます。勿論、インラインでないスタイルシートでも、クラスわけをするとできますので、チャレンジしてください。

ｃｓｓは自分でやらないと上達しません。誰かにやって欲しいなら、業者に頼みなさい。自分でやるなら、つまみぐい勉強法も可能ですが、体系的にも基本をすこし学ばれることをお勧めします。

掛け算、引き算が出来ない人には、割り算のやりかたを簡単に教えるのは難しいですし、やり方を聞いても、理解しにくいため、教わるほうもそんなことを聞いているんじゃないんだとなってしまいます。トランプのカードを一枚ずつ人数の前に配っていく方法なら、割り算を知らなくても可能ですので、つまみぐい勉強法も否定はしませんが、非効率だと思いますよ。

お礼

回答ありがとうございました。ＨＴＭＬもＣＳＳもあまり良く分からないままＨＰの制作にかかわっています。私のＨＰにかかわる仕事は出来上がったＨＰを更新したり、たまに少しリニューアルしたりする程度です。皆さんには「ちゃんと一から勉強しろ」と言われるのも分かりますが制作が本業ならともかく、私の仕事の中で3～5％ぐらいの比率しかありません。
年に数えるほどしかＨＰをいじることがないので、覚えたり勉強したりしても忘れてしまうのです。
そのために時間もお金もかけられないのでこのようなサイトを利用しています。
年のせいではないかもしれませんが６０才前なので本を読んでもネットでも眠たくなるばかりです。
こういう利用者もいることをご理解ください。