こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

FC2ブログでタイトルをセンタリングする方法

ブログ初心者です。
タイトルの左側に絵のついたテンプレートを使用しています。
写真と本文のセンタリングはできたのですが、
タイトルのセンタリング方法がわかりません。
調べると、スタイルシートの編集で[タイトル]あたりの、leftをcenterに変えるとあり
やってみましたが、できませんでした。絵だけがセンターにきて、タイトルは左側のままでした。
少し特殊なテンプレートのようです。

変更する項目は、[ヘッダ]でしょうか[エントリータイトル]でしょうか・・・・

ちなみにテンプレートは、共有テンプレートの[forest]というものです

どうぞ、よろしくお願いします。

投稿日時 - 2013-06-11 20:33:44

QNo.8129704

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

画像をセンタリングすることは出来ますが、画像も文字も真ん中に来ますので2つが被ることになります。

例えば文字が始まる位置が常に一定なのであればその位置を指定して画像を配置すればいいのですが、記事のタイトルのように都度(文字数が変化するため)始まりの位置が変わるといった条件ではそれも出来ませんし…。

もしかしたらご希望に沿うようなCSSのテクニックがあるのかもしれませんが、残念ながら私の知識ではふさわしいものを見つけることは出来ませんでした。
申し訳ありませんが他の方の回答をお待ちください。
※回答がつかなければ一度締めきって、改めて質問しなおしたほうがいいかもしれません。

お役に立てず残念ですが、ご参考まで。

投稿日時 - 2013-06-12 20:13:06

お礼

回答、ありがとうございます。
なんだか、難しそうです。
私のレベルではできそうにないので、諦めます。
でも、文字をセンタリングできましたし、とても参考になりました。

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

投稿日時 - 2013-06-13 08:57:18

ANo.1

こんにちは。

「タイトル」とはブログのタイトル(ブログ名)ですか?
それとも記事のタイトルでしょうか?
どちらか判らなかったのでどちらも書いておきます。

【ブログタイトルの場合】

/**ヘッダ**/
div#head {
padding: 30px 20px 0;
background-image: url(画像アドレス);
}

【記事のタイトルの場合】

#content h3 {
padding: 15px 10px 15px 45px;
font-size: 80%;color :#777;font-weight: bold;
background: url(画像アドレス) no-repeat left center;
}

※一部省略しています。
の部分に、

text-align: center;

を追加してみてください。
※場所はどこでもいいです。(最後の閉じカッコ(})の前あたりにでも。)

投稿日時 - 2013-06-11 22:04:34

お礼

回答、ありがとうございます

記事のタイトルのことです。
早速、教えていただいた通り、やってみましたが・・・・

記事のタイトルの文字のみセンタリングできたのですが
記事タイトルの左横についているもともとのテンプレートについている絵が左づめのままです。

この絵は文字と一緒にセンタリングできないでしょうか。
どうか、教えてください。

よろしくお願いします。

投稿日時 - 2013-06-12 10:21:39

あなたにオススメの質問