【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9878　外部CSSと画像の表示位置について。

[猫] [ブラウザ]　 09/02/05 (木) 17:34

外部CSS内に
img.c{
text-align: center;
}

画像を貼り付けたいHTML内に
<img src="00.bmp" class="c">

という記述をして画像"00"を横幅に対して中央に表示させたかったのですが、画像位置がleftのままで変化がありません。

外部CSSなのでCSSの呼び出しURLが可笑しいのかとためしに太文字にするspan要素の記述をクラス指定で記述しましたが、こちらは上手くいきました。

外部CSSのimg要素でtext-alignを指定してもその通りに表示されないのでしょうか？(以前どこかのサイトで「できる」と書いてあった記憶があるのですが･･･？)

▼

▼

▼

　 No.9879　Re:外部CSSと画像の表示位置について。

[atom] [ブラウザ]　 09/02/05 (木) 17:50

画像はテキストではありませんから、直接指定しても変化はありません。

画像をセンタリングするのではなく、画像を取り巻く環境をセンタリングしないといけません。

<div style="text-align: center;">
<img src="00.bmp" class="c">
</div>

すなわち、

<div class="c">
<img src="00.bmp">
</div>

として、cssに

.c{
text-align: center;
}

とすべきでしょう。

▼

▼

▼

　 No.9880　Re^2:外部CSSと画像の表示位置について。

[猫] [ブラウザ]　 09/02/06 (金) 10:19

> 画像はテキストではありませんから、直接指定しても変化はありません。

早速の回答ありがとうございます。
CSSでimg要素に直接指定するのは無理なのですね。
div要素で新しく構文を加えるようにします。

ありがとうございました。

▼

▼

▼

　一覧 / 詳細