解決済
個別記事を線で囲むにはCSSのどこを修正したらいいでしょうか？
個別記事を線で囲みたいのですが、CSSのどこを修正したらいいでしょうか？サイドバーのプラグインのような感じで囲めればいいのですが…
また、個別記事の下に
タグやコメント、トラックバックなどがあるのですが、記事と区切りがつけられるように
-------------
点線を引きたいのですが、どうやったらいいでしょうか？
HTMLがわからないため苦労してます…（･´ω`・）
もし、よろしければ詳しく教えていただけると助かります。よろしくお願いします<(_ _)>
自分のブログです↓
2007-05-08 17:00の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
2.
2007-05-10 17:25:54
囲みの方は、
記事タイトルを含まないならmainでしょうか。
お好きなスタイルに変更してください。
記事タイトルを含むならfullbodyでしょうか。
区切り線の方は.article_tagsの上に線を引くか、
もしくはmainの下に線を引くかです。
記事タイトルを含まないならmainでしょうか。
.main{
border:1px solid #000000;
}
この例では太さ1ピクセルの実線を黒で引いています。お好きなスタイルに変更してください。
記事タイトルを含むならfullbodyでしょうか。
.fullbody{
border:1px solid #000000;
}
区切り線の方は.article_tagsの上に線を引くか、
.article_tags{
font-size:12px;
text-align:right;
margin:5px 5px 12px;
border-top:1px solid #000000;
}
（現状のCSSにborder-topを追加したもの）もしくはmainの下に線を引くかです。
.main{
border-bottom:1px solid #000000;
}
imqさまお返事が遅くなりまして申し訳ありません<(_ _)> この度は丁寧に教えてくださってありがとうございました。今後もナレッジに投稿することがありましたら、またよろしくお願いします(o^∇^o)
1.
2007-05-09 11:37:17
Ads By Google
コメント(4)
スタイルシートのどこをどのように修正するのか具体的に教えてもらえないでしょうか...
もし、ご存知なら出し惜しみせずに教えて下さい。
お願いしますm(_ _)m
imqさま、丁寧に教えてくださってどうもありがとうございました（*＾-＾*）
早速試してみたところ、トップページには囲んだ線や点線が反映されたんですが、個別のページには反映されないようです..
もし、個別のページにも反映させようと思ったら、HTMLの修正が必要なんでしょうか？
もし、お分かりでしたら、いつでもいいので教えていただけますと助かります（･´ω`・）
よろしくお願いしますm(__)m
#4. imq
2007-05-11 10:21:15
>>#3
トップページと個別記事の構造が違うみたいです。
変わったテンプレートを使っていますね。
個別記事の方は「記事タイトル＋記事」を囲むものが無いようです。
コメント投稿欄まで含んでも良いのでしたら
既存の「articlebody」に、線で囲む指定を加えます。
#articlebody{
border:1px solid #000000;
}
#5. imq
2007-05-21 00:07:37
お役に立てて何よりでした。
ベストありがとうございました！
