Ads By Google
記事タイトル周りのカスタマイズ
各記事タイトルの左頭に20px~30px四方ほどのサイズの画像(全記事共通)を置きたいのですが、CSSのどこを改造すればよいのか教えていただけませんか?各記事の枠の左上にぴったり(またはギリギリに)画像をくっつけて、その画像高さの真ん中あたりの右側記事タイトルを持ってきたいと思っています。本文は現状の位置のまま。
または、ソレ↑が出来なければ、記事タイトルの上下(又はタイトルと本文の間)をもう少し間隔を空ける方法が知りたいです。
ちなみに、ブログのデザインは「卒業写真」の背景画像を差し替えて使っています。
よろしくお願いいたしますm(__)m
2006-03-09 16:46の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-03-10 03:49:46

改造するのはCSSのこの辺りですね。
.title{
padding:15px 40px 0;
font-size:15px;
font-weight:bold;
text-align:left;
}
タイトル脇に画像をつけるには、
background:url('画像のURL') no-repeat;
こちらを{}内に加えて、paddingかmarginで調節すればOKです。
padding:
margin:
.title{
padding:15px 40px 0;
font-size:15px;
font-weight:bold;
text-align:left;
}
タイトル脇に画像をつけるには、
background:url('画像のURL') no-repeat;
こちらを{}内に加えて、paddingかmarginで調節すればOKです。
padding:
margin:
Ads By Google
コメント(2)
#1. 試験利用者
2006-03-09 21:10:25
paddingかmarginなどの設定と、background指定でしょうね。
#2. KK3
2006-03-11 12:50:07
あさ☆ぴんさん、回答ありがとうございます。
やってみて上手くできましたが、やってみたらイマイチだったので元にもどしてしまいました^^;
只今デザイン試行錯誤中です・・・。




