画像を中央に表示する

[新着] Webテンプレートを仮オープンしました



0   名前: やも : 2007/02/26(月) 17:52  ID:D428Y18K sub-.G
FC2ブログを使用しているのですが、しょこたんブログなどのように画像を中央に表示させて、テキストは左詰めで表示させるようにするのを、モブログを主にしたい都合上、毎度HTMLを書き込む作業をできれば行いたくないので、CSSでimgに直接中央に表示させるように指定したいのですが、画像のサイズが一種類ではないので、マージンをpxや%の値で設定できません。
どなたか良い方法わかる方がおりましたら、よろしくお願いします。

1   名前: 元帥 : 2007/02/26(月) 17:52  [URL]  ID:mHxSdC35 sub-bK
http://www.tagindex.com/stylesheet/text_font/text_align.html

2   名前: やも : 2007/02/26(月) 17:52  ID:D428Y18K sub-.G
元帥さん、ありがとうございます。

しかし、imgにimg{texe-align:center;}と書き込んでも上手く動作しないのですが、やはり無理なのでしょうか。

3   名前: MoE Japan : 2007/02/26(月) 17:52  [URL]  ID:NnjaXXh7 sub-NP
↓これでも改善しないかな? かな?


<html>

<head>

<title>MoE Japan</title>

<style type="text/css"><!--

p {
text-align: center;
}

--></style>

</head>

<body>

<p><img src="moejapan.jpg"></p>

</body>

</html>

4   名前: あや : 2007/02/26(月) 17:52  ID:TRVH9wjM sub-ND
> imgにimg{texe-align:center;}

私はケアレスミスが原因だと思いました。

5   名前: やも : 2007/02/26(月) 17:52  ID:D428Y18K sub-.G
MOE JAPANさん、あやさん回等ありがとうございます。

>MOE JAPANさん
それでも解決はするのですが、HTMLのテンプレート内のimg周りのHTMLがいじれないので(imgと本文を含めて<&entry>などの変数で読み込まれるので)pやdivを書き加えて設定できないので悩んでます。

>あやさん
単純にここに書き込むときに間違えました。すいませんでした。

6   名前: やも : 2007/02/26(月) 17:52  ID:D428Y18K sub-.G
すいません。<&entry>ではなくて<%entry>の間違いでした。

7   名前: K+S : 2007/02/26(月) 17:52  ID:nROqylMa sub-YS
質問を拝見していたのですが、回答を控えていました。

>>5
それでも解決はするのですが、HTMLのテンプレート内のimg周りのHTMLがいじれないので(imgと本文を含めて<&entry>などの変数で読み込まれるので)pやdivを書き加えて設定できないので悩んでます。
FC2ブログなんてものを使った覚えがないので実態を知らないのですが。

スタイルシートが弄れるのであればこんなことして実現できるでしょうか。
img {
	display:block;
	margin:0 auto;
}

8   名前: やも : 2007/02/26(月) 17:52  ID:D428Y18K sub-.G
K+Sさん回等ありがとうございます。

見事問題が解決できました。
みなさんありがとうございました。

一覧へ戻る