解決済
Ads By Google
投稿したとき表示される日付の位置変更！
線より上に（言葉が出てこなくてすみません）表示したいのです。
2006年3月20日
━━━━━━━━━━━━━━
TEST
test
みたいな感じなんですが。お願いします。
2006-03-20 20:27の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-03-20 20:42:08
CSSを次のようにすればOKかな。
.date{
color:好きな色;
font-size:好きな大きさ;
padding:0 0 5px 0; ←5の部分は適当に調節
border-bottom:好きな太さ solid 好きな色;
}
好きな色は#XXYYZZと記述します。
黒の場合#000000、白の場合#ffffff
好きな大きさ
12ptとか100％とか
好きな太さ
1pxとか
.date{
color:好きな色;
font-size:好きな大きさ;
padding:0 0 5px 0; ←5の部分は適当に調節
border-bottom:好きな太さ solid 好きな色;
}
好きな色は#XXYYZZと記述します。
黒の場合#000000、白の場合#ffffff
好きな大きさ
12ptとか100％とか
好きな太さ
1pxとか
Ads By Google
コメント(11)
paddingの数値を変更して
border-bottomを足すって事ですかね？
padding の3番目の値は下線との距離です。
お好みに調節してください。
下線はborder-bottomで定義できます。
変化がありませんでした。やり方が間違ってるのでしょうか？変更前と変更後のCSSを見せて下さい。
お願いします
変更前の状態は正直わかりません。
もし、よろしければ、
VIPCATさんのblogを見せてもらえれば、確認します。
もしblogの公開がムリならば、
せめて、現状のCSSの.dateの部分を教えてください。
vipcatがブログです＾＾
ライブドアですのですみません。確認ヨロシクお願いします
変更前
.date{
color:#ffffff;
font-size:12px;
font-weight:normal;
padding:10px 20px;
}
変更後です
.date{
color:#ffffff;
font-size:12px;
padding:0 0 9px 0;
border-bottom:2px solid#ffffff;
}
border-bottom:2px solid#ffffff;
がダメです。
solidと#の間に半角スペースが必要です。
あと、もう一つ。
#blogの
border-top:#ffffff 2px solid;
を削除してください。
たっけーさんありがとうございました。
