注目タグ

質問・疑問

トピック詳細

記事内の写真を中央する方法

はじめまして。

記事内の写真だけを中央にしたくていろいろ調べてやってみたのですが
CSSにどう記述すればいいのかわかりませんでした。

共有テンプレートの『Design218-c-CAT2col』をお借りしています。

教えていただけますと助かります。
どうかよろしくお願いいたします。


2014年03月07日 21:19  by 

コメント一覧 3件中、1~3件表示

  • 記事中に画像を挿入する際に、簡単にセンタリングするには
    WYSIWYGテキストエディタの段落センタリングを利用すればよいのではないでしょうか。

    記事本文の入力欄直上の
    メニューボタンの一番右にあるWマークをクリックして利用します。(Wボタンが見当たらない場合は簡易モードがOFFになって いるか確認してください)

    詳しくは以下のページを参照してみてください。
    http://help.fc2.com/blog/manual/Home/tool/wysiwygtext.html

    また
    質問者さんの記事内の画像URLに
    <img src="画像サーバのURL/m/i/l/milkcandy3/画像ファイル名.拡張子&qu ot; class="photo" alt="代替テキスト&q uot; border="0" width="幅" height="高 さ" />
    上記の赤文字のようなクラス名を挿入して

    スタイルシートに
    img .photo {
    display:block;
    margin:auto;
    }
    このようなスタイル指定を追加すれば
    ご所望の画像だけをセンタリングできると思います。

    2014年03月10日 22:36 by 標野ゆき

  • 標野ゆき様

    お返事ありがとうございます。
    一応 CSSに入れてみたのですがemojiが下に行ってしまいました。
    何かか回避できるタグでもあればと思ったのですが やはり ダメなようですね・・・。

    記事を書くたびにいちいち書き込むのも面倒なので・・・このままいきます。
    FC2側で画像を貼るときにセンタリング等出来るといいのに・・と思います。

    貴重なお時間をいただいて教えてくださり 本当にありがとうございました。
    また 何かあった時にはよろしくお願いいたします。

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

    2014年03月10日 21:06 by

  • img{
    display:block;
    margin:auto;
    }

    上のような記述を
    CSSに追加するのが一般的なようですが
    古いタイプのIEだと効かないといった話も聞こえてきます。

    それに
    この記述を追加すると
    記事中の絵文字にも適用されそうです。

    絵文字には
    emojiというクラス名が
    付与されていますが

    記事内の写真にはクラス名も要素名もないので
    写真と絵文字の両方に適用された場合には切り替えるのは難しいように思います。

    その場合は
    一点一点センタリング指定を
    書き込むしかないのかもしれません^^;

    2014年03月07日 23:58 by 標野ゆき