スクロールバー

質問

スクロールバー

役に立った：2件

質問者：-777-
投稿日時：2008/03/17 20:23
困り度：

gooブログアドバンスでカスタムブルーのテンプレ使ってます。
左のサイドバーに縦のスクロールバーを設置したいのです
サイドバー全部ではなくENTRY ARCHIVE（過去の年月）だけに設置したいのですが方法が分かりません

menuBgに下記のソースを設置したらサイドメニュー全体になります
overflow : auto ; /*スクロールバー*/
height : 185px;　/*バーの高さ範囲設定*/

色々やって見ましたが分かりませんのでご存知の方、ご教授できませんか？

この質問への回答は締め切られました。

回答(1件)

No.1ベストアンサー20pt

回答者：Muller3
回答日時：2008/03/17 21:25

アドバンスだったらHTMLも編集できますね？

＞menuBgに下記のソースを設置したらサイドメニュー全体になります

HTMLにおいて、サイドバーの項目全てでclass="menuBgを使っているためです。
ENTRY ARCHIVEだけに違うスタイルを適用するには、違うclassを与え、スタイルシートでスタイルを指示しなければいけません。

HTMLの
<div class="menuBar">ENTRY ARCHIVE</div>
<div class="menuBg">
部分を
<div class="menuBar">ENTRY ARCHIVE</div>
<div class="menuBgEntryArchive">
とでもして、
スタイルシートの中に、
.menuBgEntryArchive {
padding: 2px;
width: 180px;
text-align: center;
overflow : auto ;
height : 185px;
}
を追加、でどうでしょう。
アドバンス使ってないので未検証ですみませんが。