お蔵入り
Ads By Google
記事タイトル画像の横に投稿日とタイトルを重ねて配置したいのですがお手上げ状態です。
■■ 投稿日
■■ タイトル
↑この■4つで一つの画像
お願いいたします。
2006-09-13 08:30の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。
回答(2)
1.
2006-09-13 09:53:24
2.
2006-09-13 17:13:41
livedoorブログをご利用でしょうか。
HTMLをいじる必要があるので、あなたがご利用のテンプレートがわからないと回答しづらいです。
例えばHTML部分に
たぶんそれでいけるのではないかと思います。
HTMLをいじる必要があるので、あなたがご利用のテンプレートがわからないと回答しづらいです。
例えばHTML部分に
<div class="articlehead"> <IfDateChanged><div class="datebody"> <h2 class="date"><$ArticleDate$></h2> </div></IfDateChanged> <div class="titlebody"> <h3 class="title"><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3> </div> </div>などのように記述して、CSSに
.articlehead {
url(画像のURL) no-repeat 0 0;
padding-left: 画像の横幅に余白を加えたpxサイズを指定;
height: 画像の高さよりも大きいpxサイズを指定;
}
を記述してみてください。たぶんそれでいけるのではないかと思います。
Ads By Google
コメント(1)
#1. Hukamin
2006-09-15 23:25:29
>>2訂正
実際にテストしてみました。
以下の方が良いようです。すみません。
<div class="articlehead"> <div class="date"><$ArticleDate$></div> <div class="titlebody"><h2 class="title"><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h2></div> </div>の方が良さそうな感じです。
