![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ブログ初心者です。
タイトルの左側に絵のついたテンプレートを使用しています。
写真と本文のセンタリングはできたのですが、
タイトルのセンタリング方法がわかりません。
調べると、スタイルシートの編集で[タイトル]あたりの、leftをcenterに変えるとあり
やってみましたが、できませんでした。絵だけがセンターにきて、タイトルは左側のままでした。
少し特殊なテンプレートのようです。
変更する項目は、[ヘッダ]でしょうか[エントリータイトル]でしょうか・・・・
ちなみにテンプレートは、共有テンプレートの[forest]というものです
どうぞ、よろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
画像をセンタリングすることは出来ますが、画像も文字も真ん中に来ますので2つが被ることになります。
例えば文字が始まる位置が常に一定なのであればその位置を指定して画像を配置すればいいのですが、記事のタイトルのように都度(文字数が変化するため)始まりの位置が変わるといった条件ではそれも出来ませんし…。
もしかしたらご希望に沿うようなCSSのテクニックがあるのかもしれませんが、残念ながら私の知識ではふさわしいものを見つけることは出来ませんでした。
申し訳ありませんが他の方の回答をお待ちください。
※回答がつかなければ一度締めきって、改めて質問しなおしたほうがいいかもしれません。
お役に立てず残念ですが、ご参考まで。
回答、ありがとうございます。
なんだか、難しそうです。
私のレベルではできそうにないので、諦めます。
でも、文字をセンタリングできましたし、とても参考になりました。
ありがとうございました。
No.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;
を追加してみてください。
※場所はどこでもいいです。(最後の閉じカッコ(})の前あたりにでも。)
回答、ありがとうございます
記事のタイトルのことです。
早速、教えていただいた通り、やってみましたが・・・・
記事のタイトルの文字のみセンタリングできたのですが
記事タイトルの左横についているもともとのテンプレートについている絵が左づめのままです。
この絵は文字と一緒にセンタリングできないでしょうか。
どうか、教えてください。
よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- FC2ブログ FC2ブログで文字を小さくしたいです。小さくする方法を教えてください。 1 2023/08/26 00:46
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- FC2ブログ FC2ブログでプロフィールが2つ表示されます。 2 2023/08/14 17:05
- 画像編集・動画編集・音楽編集 CyberLinkPowerDirectorでDVD作成時タイトル/チャプターのボタンが押せない 1 2023/04/09 12:30
- Excel(エクセル) excelにおける転記マクロの書き方 2 2023/05/12 03:16
- WordPress(ワードプレス) Wordpressの記事URLを自由に決めたい 3 2022/06/02 12:05
- 文学・小説 四字熟語をもじったタイトルの小説またはエッセイ 2 2023/02/26 15:08
- GYAO! Windows10で mp4からDVD形式に変換するときのDVD動画のタイトル入力について 6 2023/06/20 06:47
- Yahoo!メール PCのyahooメールで docomoメール宛に送るとタイトルの後にフォント情報等が表示されてしまう 1 2022/04/15 08:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2は信用度は大丈夫ですか?
-
FC2ブログってログインせず放置...
-
FC2ブログ、管理画面への不正ア...
-
fc2動画で共有した動画をスマホ...
-
FC2ブログに登録をしていない人...
-
Fc.2動画って有料ですか、無料...
-
アベマブログでこちらの設定が...
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
ブログでランキング、順位が上...
-
FC2ブログで文字を小さくしたい...
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
-
mbti教えてください
-
元カレが自分の写真を
-
ブログは記事が更新されたら読...
-
テキスト版からURLも表示できる...
-
フロッグフォビアとはなんですか?
-
ブログの記事を勝手に消された...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ブログのデザインがずれる原因
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
アンドロイドで文字が左に偏る。
-
fc2ブログで記事とサイドバーに...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
MovableTypeでCSSにコメントを...
おすすめ情報