中央寄せの解除

こんにちわ。初歩的な質問ですが、ご教授願います。

CSSのほうでは

.freearea{
font-size:12px;
text-align:center;

}

と記述しております。

これをHTMLのほうで、一時的に解除させたいテキストがあるのですが、適正なHTMLタグが分かりません。

No.3 ベストアンサー 回答者： BLUEPIXY 回答日時： 2005/03/10 04:15

<div>で囲む所で

<div style="text-align:left" class="freearea">
としたら良いと思います。

この回答への補足

<div>を使用すると、下記の部分のCSSで指定したフォントや中央寄せも解除されました。

<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" align="left" /></a>
<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" /></a>
コメント<br />
コメント
</p>

この場合は、再度

<p class="freearea">
</p>

で指定すれば良いものなのでしょうか？

補足日時：2005/03/10 20:27

この回答へのお礼

ご回答、ありがとうございます。
お礼が遅くなり申し訳ありませんでした。

教えて頂いたタグで、変更したい箇所の中央寄せは解除され、フォントもCSSの指定通りとなりました。

お礼日時：2005/03/10 20:27

No.4 回答者： BLUEPIXY 回答日時： 2005/03/11 14:14

#3補足><div>を使用すると、下記の部分のCSSで指定したフォントや中央寄せも解除されました。

＃３で言うところの<div></div>で囲む部分は、解除したい部分だけを囲むようにします。

この回答への補足

変更後のソース

<div style="text-align:left" class="freearea">
<a href="アドレス" target="_blank">コメント</a>
<br />
<a href="アドレス" target="_blank">コメント</a>
</div>
<p class="freearea">
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" align="left" /></a>
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" /></a>
<br />
テキスト
</p>


疑問点が残るソース（この記述だとdivより後のCSS指定が全て解除されます）

<p class="freearea">
<div style="text-align:left" class="freearea">
<a href="アドレス" target="_blank">コメント</a>
<br />
<a href="アドレス" target="_blank">コメント</a>
</div>
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" align="left" /></a>
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" /></a>
<br />
テキスト
</p>

この記述で問題ないと思ったのですが…。

補足日時：2005/03/12 16:41

この回答へのお礼

何度も丁寧にありがとうございます。
補足のほうには疑問点をを追記していますが
問題は無事に解決することができました。

質問に付き合って頂いた皆さんも、本当にありがとうございました。

お礼日時：2005/03/12 16:40

No.2 回答者： -chiffon- 回答日時： 2005/03/09 20:41

私も独学の自己流なので、間違った書き方かもしれませんが、

<div align="left">
<font size="1～7">
<a href="アドレス" target="_blank">名前</a>
<br />
<a href="アドレス" target="_blank">名前</a>
</font></div>


でどうでしょう？

この回答へのお礼

ご回答、ありがとうございます。
お礼が遅くなり申し訳ありませんでした。

試してみたところ文字サイズの調節はできましたが、
なかなか同じフォントサイズにするのは難しいようです。

お礼日時：2005/03/10 20:23

No.1 回答者： -chiffon- 回答日時： 2005/03/09 18:23

下記ページの「site menu」→「基本の小技集」→「位置（ポジション）」に書かれていますが、

左寄せなら

<div align="left">
ここに文字を書きます。
</div>

右寄せなら「left」を「right」に変えればできると思います。

参考URL：http://www.dekirukana.net/index.html

この回答への補足

現在のHTMLソース

<p class="freearea">

<a href="アドレス" target="_blank">名前</a>
<br />
<a href="アドレス" target="_blank">名前</a>
<br />
<br />
<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" align="left" /></a>
<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" /></a>
コメント<br />
コメント
</p>


下記の部分だけ、中央寄せを解除して左寄せにしたいのです。

<a href="アドレス" target="_blank">名前</a>
<br />
<a href="アドレス" target="_blank">名前</a>

divで指定した結果、CSSで指定した文字の大きさが解除されました。

補足日時：2005/03/09 20:00

この回答へのお礼

早速のご回答、ありがとうございます。

＞<div align="left">
ここに文字を書きます。
</div>

指定した結果、CSSで指定したフォントサイズが無効化してしまいました。
私自身勉強不足なので、参考URLで教えていただいたところで勉強してきます。

お礼日時：2005/03/09 20:07