CSSで２つのtableに異なる書式を設定したい

質問

タイトルどおりです。
今、授業でHTMLとCSSを勉強中です。
実習ということで自作HPを作成中です。
学習した内容で、という決まりがあるので、
クラス指定とかしたんですけど、いまいちうまくいきません。
CSSファイルで２つのtableに対して違う書式を設定する方法を
ご教授ください。

いそぎです。

回答No.4

reverie013

またまた回答ではなくて申し訳ないですが。。。

すみません、言い直します。

どのように書かれて上手くいかなかったのか、
『HTMLとCSSの“ソースコード”を提示』してください。

元がわからなければアドバイスの仕様がありません。

お礼

お世話をおかけしました。
無事に出来ましたので質問をしめきらせていただきます。

回答No.3

yambejp

>１つめの<table>は中央に配置したい
>２つめの<table>は右そろえしたい

これではテーブルの位置を中央にしたいのか、テーブルの中身を中央に
したいのかわかりませんね・・・

一応前者だとすると、こんな感じの書き方になります。

<style>
.c{
text-align:center;
}
.c table{
width:auto;
margin:auto;
}
.r table{
float:right;
}
</style>
<div class="c">
<table>
<tr>
<td>center</td>
</tr>
</table>
</div>
<div class="r">
<table>
<tr>
<td>right</td>
</tr>
</table>
</div>

お礼

ありがとうございます。
クラス名をテーブルに直接設定すれば良いのですね。
こちらのやり方で私のやりたいことができました。
お世話になりました。

回答No.2

yambejp

テーブルに別のidを振るか、別のクラスを設定するのがてっとりばやいかと

回答No.1

reverie013

まずは質問者様がどのように書かれて上手くいかなかったのかを
明記してください。

補足

１つめの<table>は中央に配置したい
２つめの<table>は右そろえしたい

クラスつけすればいいのかと思い、その前を<div>でくくり、
クラス名をつけてみました。

CSSで
クラス名に対していろいろ設定してみましたが、それが反応しないのです。

まったくやり方が違うかもしれませんが、アドバイスくださいませ。
よろしくお願いします。