No.7ベストアンサー
- 回答日時:
> カスタムブルーで何度やってもうまくいきません。
> タイトルを中央に配置したいんですが・・・。
> CSSで編集するんでしょうか?どなたかおしえてください
/* ブログのタイトル部上 */
.headerLight {
********************
********************
********************
}
上記の中に次の一行を加えます。
text-align: center;
No.6
- 回答日時:
> ブログタイトルのすぐ右に配置したい時はどこを変更するんですか?
えっ !?・・・ ( ^^;
となると、今までの説明はすべてご破算です。それを実現するためにはCSSデータではなくHTMLの方を編集する必要があります。
「カスタムブルー」のタイトル部は、次のようにテーブルを上下2つのセルに分割して、上にブログタイトル、下にブログの説明文を記入しています。
------------------------------------------------------------
<table border="0" cellspacing="6" cellpadding="0">
<tr>
<td align="left"><a href="【ブログのURL】" class="bTitleLink"><span class="bTitle">【ブログのタイトル】</span></a></td>
</tr>
<tr>
<td align="left"><span class="bDesc">【ブログの説明文】</span></td>
</tr>
</table>
------------------------------------------------------------
ですから、タイトルの右側に画像を入れる場合は、下記のようにテーブルを左右に分割して、右側のセルに画像タグを書くといいでしょう。
↓↓↓
------------------------------------------------------------
<table border="0" cellspacing="6" cellpadding="0">
<tr>
<td align="left" nowrap><a href="【ブログのURL】" class="bTitleLink"><span class="bTitle">【ブログのタイトル】</span></a></td>
<td rowspan="2"><img src="【トップ画像のURL】"></td>
</tr>
<tr>
<td align="left"><span class="bDesc">【ブログの説明文】</span></td>
</tr>
</table>
------------------------------------------------------------
なお、上記はあくまで一例です。「ブログタイトル」・「ブログの説明文」・「トップ画像」をどのような位置関係で表示するかによって、HTMLタグまたはスタイルシートの記述の仕方は様々に変わります。
No.4
- 回答日時:
誤解があるようですので、ちょっと補足します。
/* ブログのタイトル部上 */
.headerLight {
height: 300px;
background: url(背景画像のURL) no-repeat top left;
background-color: #376599;
}
先の回答で上記のような例を書きましたが、「 height: 300px; 」の部分は実際に表示する画像の高さをピクセル数で指定してください。
高さが200ピクセルの画像ならば、「 height: 200px; 」です。
No.3
- 回答日時:
> 画像が中心部分になってしまいます。
右側におきたいのですが、‥答えを書くのは簡単なのですが、個々のスタイル設定の意味をぜひ覚えていただきたいので、先ずは下記をご覧になってください。
仕組みさえ解ってしまえば簡単です♪ ( ^^
TAG-index 「背景画像の表示位置を設定する」
http://www.tagindex.com/stylesheet/box/backgroun …
* もし読んでも解決しなかったら、またお尋ねください。
この回答への補足
申し訳ございません。ブログタイトル左側に画像を挿入しようおもっていますが、うまくいきません。左には挿入できましたが、タイトルとかぶってしまいます。
タイトルの文字をセンター配置する方法と画像をタイトルの左に配置する方法を教えていただけますか?
下記の通りすると、タイトルとかぶってしまいます。
/* ブログのタイトル部上 */
.headerLight {
height: 150px;
background: url(http://blogimg.goo.ne.jp/user_image/5b/0e/8876e7 … no-repeat top left bottom;
background-color: #376599
No.2
- 回答日時:
タイトル部の背景に画像を表示するためには、CSSデータの47行目辺りにある次の個所でスタイルを設定します。
-------------------------------------------
/* ブログのタイトル部上 */
.headerLight {
background-image: url();
background-repeat: ;
background-position: ;
background-color: #376599;
}
-------------------------------------------
* なお、下記のように背景画像のファイル名、繰り返し、位置を一括設定することも可能です。
【例】
/* ブログのタイトル部上 */
.headerLight {
height: 300px;
background: url(背景画像のURL) no-repeat top left;
background-color: #376599;
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ブログやYoutubeで勝手に人の記...
-
教えてください 趣味のことを発...
-
FC2は登録しても安全ですか?
-
高価なものを買ってブログに載...
-
ブログを引っ越しする時は使っ...
-
この XML ファイルにはスタイル...
-
ブログIDって何でしょうか?
-
画像をクリックしたら別の画像...
-
検索しすぎました
-
URLを知る人だけが見られるブロ...
-
amebaで嫌がらせをされ困ってい...
-
ブログを書いてログインせず、...
-
ブログを引っ越ししたいと思っ...
-
gooブログのアクセス解析から自...
-
動詞-て + らして って どうい...
-
gooブログの、自分のURLを教えて
-
エキサイトブログで記事を中央...
-
ネットストーカーにあっています
-
ブログの記事を書きだしのみに...
-
なぜAWSやMicrosoftなど大企業...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
高価なものを買ってブログに載...
-
この XML ファイルにはスタイル...
-
シーサーブログのタイトル文字...
-
知らない人のブログを見ても。...
-
動詞-て + らして って どうい...
-
ブログやYoutubeで勝手に人の記...
-
インストール型のブログ
-
画像をクリックしたら別の画像...
-
ブログのバックアップを取って...
-
ブログを引っ越ししたいと思っ...
-
FC2は登録しても安全ですか?
-
ブログの閉鎖理由
-
URLを知る人だけが見られるブロ...
-
FC2ブログとFC2ホームペ...
-
ブログIDって何でしょうか?
-
ブログが削除される恐怖
-
「昔はよかった」は、所詮年寄...
-
ブログをなぜ突然やめるのか
-
検索しすぎました
-
突然更新が途絶えたブログ
おすすめ情報
