• 締切済み

サイドバーのカテゴリーを短くしたいとき

サイドバーのカテゴリーメニューが長くなって見栄え悪いので、コンパクトに表示させたいのですがやり方が分かりません。 Seesaaブログですが、方法を教えてください!

みんなの回答

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

どんなものを想像していらっしゃるかわかりませんが、とりあえず簡単にできるのは、表示する範囲を設定してしまい、スクロールで見せる方法かと思います。 以下をスタイルシートの該当のセレクタに指定します。 height:***px; overflow: scroll; ***は任意の高さを数字で サイドバーにあるアイテム全てに同じクラスが指定されているけれども、カテゴリだけにスクロールを付けたい場合は、コンテンツHTMLでカテゴリ独自のセレクタを指定する必要があるかと。 javascriptを使う方法もあります。 「カテゴリ」のタイトル部分をクリックするとカテゴリが展開したり、カテゴリをツリー化して折りたたんだりというものですが、設定はちょっと難しいかもしれません。 一応参考になるかもしれない記事を参考URLに上げてみましたが… 「seesaaブログ javascript 折りたたみ サイドメニュー」 など、思いつくキーワードで検索してみるといいかもしれません。

参考URL:
http://www.ginzi.com/blog/archives/2005/09/02_013744.php,http://aiko0129.seesaa.net/article/4428055.html