注目タグ

質問・疑問

トピック詳細

画像を記事の中央位置辺りに添付させたい

色々試してみましたが、どうにもうまく出来ないので助けてください!!

記事の始めに、画像を記事の中央位置辺りに添付させようと作成してプレビューで確認すると 左に寄っていたので スペースを入 れて下書き画面では、良い感じの位置になったのでまたプレビューで確認したのですが、やっぱり左に寄ったままなんです。

どうしたら 中央位置辺りにキレイに画像が添付出来るのでしょうか?

ブログ初心者のため、分かる方 教えていただけないでしょうか。

よろしくお願いします。

2009年12月09日 20:25  by 

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

  • manannanさん、ありがとうございました!!!

    やっとやっと、教えていただいてる意味が分かりました。

    教えていただいた通りにスタイルシートに入れて、プレビューで確認してみるとちゃんと画像が中央に添付されていました。

    何度も何度もお付き合いいただいて、本当にありがとうございましたv-254

    感謝感謝でいっぱいです!

    ありがとうございましたv-22

    2009年12月11日 13:17 by

  • >HTML内のどの辺りにあるものなのでしょうか?
    http://blog.fc2.com/forum/viewtopic.php?t=16658
    HTMLではなく、スタイルシートに入れてください。テンプレート編集画面、HTMLの入力テキストエリアの下に、スタイルシ ートのテキストエリアがあります。
    http://fc2blogmanual.blog60.fc2.com/blog-entry-84.html

    e-38探し方
    e-180探す文字列をコピーする。

    entry_text img

    という文字列を、「コピー」してください。
    e-181スタイルシート内で探す。
    スタイルシートの頁のどこかをクリックしてから、PCのキーボードの[Ctrl]を押しながら「F」キーを押してください。検 索窓が開きます。ここに「entry_text img 」を「貼り付け」し「検索」のボタンをクリックしてください。

    2009年12月11日 09:19 by manannan

  • 追加です。

    現在cameliaのテンプレートを使用してます。

    このテンプレートで、画像を常に中央表示にしたいのですが 改めてアドバイスいただけないでしょうか?

    よろしくお願いします。

    2009年12月10日 22:37 by

  • 何度も何度も ありがとうございます!

    しかし、初心者のためどこをさがせばいいか分かりません。

    .entry_text img {
    padding: 0px;
    }
    の部分ですが、HTML内のどの辺りにあるものなのでしょうか?

    何度も何度もごめんなさい。。

    よろしくお願いします。

    2009年12月10日 21:58 by

  • 何をお入れになったのか見つけることができませんでした。

    .entry_text img {
    padding: 0px;
    }

    ↓のあたりを書き換えてください。

    .entry_text img{display: block;
    text-align: center;
    margin:auto;}
    .emoji{display: inline!important;
    text-align: left!important;
    margin:0!important;}
    .fc2_footer img{
    display: inline!important;
    margin:0!important;}

    2009年12月10日 19:23 by manannan

  • 何度もありがとうございますv-22

    紹介していただいたサイトを確認後、スタイルシートの最後の方の<!--中央メインここまで-->の上部に< ;div classの後に表記されたものを入れてみたのですが、新しく記事を作成して 試してみたところ画像が左に寄ったまま 表記されてしまいました。

    私の手順で、どこか間違いがありませんでしょうか?

    初歩的な質問で、申し訳ありませんが よろしくお願いいたします。

    2009年12月10日 17:59 by

  • 全部の画像を中央にするのなら
    http://blog.fc2.com/forum/viewtopic.php?t=16658
    がご参考になりませんか。

    2009年12月10日 12:06 by manannan

  • ありがとうございます!!

    早速、試してみました。
    ちゃんと中央辺りに、画像が添付されていました♪

    詳しく教えていただいて ありがとうございました!

    でも毎回、中央に画像を添付する場合は同じ手順でやらなければ 出来ないのでしょうか?

    初心者なので、失礼なことをお聞きしてるかも知れませんが よろしくお願いします。

    2009年12月09日 22:34 by

  • HTML表示モードで……
    e-6方法その1
    画像のタグの前に、<p style="text-align:center;">
    画像のタグの後に、</p>
    と入れる。

    というのが、長くて面倒であれば、

    e-6方法その2
    画像のタグの前に、<center>
    画像のタグの後に、</center>
    でも、ほぼ同じ効果が得られます。

    後者の簡単な方法は、HTML LINTの採点がちょっぴり下がります。
    http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

    2009年12月09日 20:49 by manannan