解決済
「投稿日時」と「記事タイトル」の間にライン（画像）を入れたいのですが。
「投稿日時」と「記事タイトル」の間にライン（画像）を入れたいのですが、どなたか教えて頂けますでしょうか。現状のデザインだと記事と記事の間に境界線がないので↓
下記のようなライン（画像）を入れたいと思います。↓
縦の位置と、横幅の設定もあわせて教えて頂きたいです。初心者ですが、よろしくお願いします。
2006-12-15 02:56の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
2.
2006-12-15 20:46:14
うまくいきませんでしたか～
見てみたんですけど
.dateend以下がなかったのですが
元に戻しちゃいました？
戻してあるなら、それでもいいです。
では次に
.date{}の中に以下を入れてみたらどうなるでしょうか？
見てみたんですけど
.dateend以下がなかったのですが
元に戻しちゃいました？
戻してあるなら、それでもいいです。
では次に
.date{}の中に以下を入れてみたらどうなるでしょうか？
background:url(http://image.blog.livedoor.jp/sekaihokkori/imgs/c/e/ce6ec84a.gif) no-repeat 50% 100%;
ありがとうございました！大変助かりました。
また機会がありましたらよろしくお願いします！
1.
2006-12-15 10:48:57
できなかったらごめんなさい。
あまり自信はないです。
これをCSSの中に足してみる。
.dateend,#articlebottom{background:url(http://image.blog.livedoor.jp/sekaihokkori/imgs/c/e/ce6ec84a.gif) no-repeat 50% 0%;}
＞縦の位置と、横幅の設定もあわせて教えて頂きたいです。
これって良くわかんないのですが
ライン画像の事ですよね？
違うのであれば、違う質問として立上げた方が
良いと思います。
画像の事だとするなら
横幅は画像自体を
画像ソフト等で伸ばすなり縮めるなりして下さい。
縦横の位置調整はpaddingを使って調整してください。
ちなみに記述方法はこんな感じで
上右下左のところにお好きな数値をどうぞ。
padding: 上px 右px 下px 右px;
これをさっき書いた.dateend,#articlebottomの
｛｝の中に一緒に入れてください。
あまり自信はないです。
これをCSSの中に足してみる。
.dateend,#articlebottom{background:url(http://image.blog.livedoor.jp/sekaihokkori/imgs/c/e/ce6ec84a.gif) no-repeat 50% 0%;}
＞縦の位置と、横幅の設定もあわせて教えて頂きたいです。
これって良くわかんないのですが
ライン画像の事ですよね？
違うのであれば、違う質問として立上げた方が
良いと思います。
画像の事だとするなら
横幅は画像自体を
画像ソフト等で伸ばすなり縮めるなりして下さい。
縦横の位置調整はpaddingを使って調整してください。
ちなみに記述方法はこんな感じで
上右下左のところにお好きな数値をどうぞ。
padding: 上px 右px 下px 右px;
これをさっき書いた.dateend,#articlebottomの
｛｝の中に一緒に入れてください。
Ads By Google
コメント(3)
#1. ほっこり
2006-12-15 19:21:39
＞kavalierさん
すみません、試してみたのですがうまくいかなかったようです。
縦位置と横幅の設定というのはずばりその通りの意味です。分かりずらくてスミマセン・・
#2. ほっこり
2006-12-17 19:53:38
ありがとうございます。２度目の方法でうまく出来ました！！
ちなみに、現状の日付と記事タイトルの間ではなく日付のすぐ上あたりの位置に表示させたいときはどのようにすればよろしいのでしょうか？
「padding」の理解が浅く何度やっても出来ませんでした・・。
何度もお手間掛けますが、差し支えなければ再度教えて頂けますか。
#3. kavalier
2006-12-18 10:18:42
no-repeat 50% 100%を
no-repeat 50% 0%にしてみてください。
