画像を記事の中央位置辺りに添付させたい
色々試してみましたが、どうにもうまく出来ないので助けてください!!
記事の始めに、画像を記事の中央位置辺りに添付させようと作成してプレビューで確認すると 左に寄っていたので スペースを入 れて下書き画面では、良い感じの位置になったのでまたプレビューで確認したのですが、やっぱり左に寄ったままなんです。
どうしたら 中央位置辺りにキレイに画像が添付出来るのでしょうか?
ブログ初心者のため、分かる方 教えていただけないでしょうか。
よろしくお願いします。
manannanさん、ありがとうございました!!!
やっとやっと、教えていただいてる意味が分かりました。
教えていただいた通りにスタイルシートに入れて、プレビューで確認してみるとちゃんと画像が中央に添付されていました。
何度も何度もお付き合いいただいて、本当にありがとうございました
感謝感謝でいっぱいです!
ありがとうございました
>HTML内のどの辺りにあるものなのでしょうか?
http://blog.fc2.com/forum/viewtopic.php?t=16658
HTMLではなく、スタイルシートに入れてください。テンプレート編集画面、HTMLの入力テキストエリアの下に、スタイルシ ートのテキストエリアがあります。
http://fc2blogmanual.blog60.fc2.com/blog-entry-84.html
探し方
探す文字列をコピーする。
「
entry_text img
」
という文字列を、「コピー」してください。
スタイルシート内で探す。
スタイルシートの頁のどこかをクリックしてから、PCのキーボードの[Ctrl]を押しながら「F」キーを押してください。検 索窓が開きます。ここに「entry_text img 」を「貼り付け」し「検索」のボタンをクリックしてください。
2009年12月11日 09:19 by manannan
追加です。
現在cameliaのテンプレートを使用してます。
このテンプレートで、画像を常に中央表示にしたいのですが 改めてアドバイスいただけないでしょうか?
よろしくお願いします。
何度も何度も ありがとうございます!
しかし、初心者のためどこをさがせばいいか分かりません。
.entry_text img {
padding: 0px;
}
の部分ですが、HTML内のどの辺りにあるものなのでしょうか?
何度も何度もごめんなさい。。
よろしくお願いします。
何をお入れになったのか見つけることができませんでした。
.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
何度もありがとうございます
紹介していただいたサイトを確認後、スタイルシートの最後の方の<!--中央メインここまで-->の上部に< ;div classの後に表記されたものを入れてみたのですが、新しく記事を作成して 試してみたところ画像が左に寄ったまま 表記されてしまいました。
私の手順で、どこか間違いがありませんでしょうか?
初歩的な質問で、申し訳ありませんが よろしくお願いいたします。
全部の画像を中央にするのなら
http://blog.fc2.com/forum/viewtopic.php?t=16658
がご参考になりませんか。
2009年12月10日 12:06 by manannan
ありがとうございます!!
早速、試してみました。
ちゃんと中央辺りに、画像が添付されていました♪
詳しく教えていただいて ありがとうございました!
でも毎回、中央に画像を添付する場合は同じ手順でやらなければ 出来ないのでしょうか?
初心者なので、失礼なことをお聞きしてるかも知れませんが よろしくお願いします。
HTML表示モードで……
方法その1
画像のタグの前に、<p style="text-align:center;">
画像のタグの後に、</p>
と入れる。
というのが、長くて面倒であれば、
方法その2
画像のタグの前に、<center>
画像のタグの後に、</center>
でも、ほぼ同じ効果が得られます。
後者の簡単な方法は、HTML LINTの採点がちょっぴり下がります。
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
2009年12月09日 20:49 by manannan
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー