そこでスクロールバーを利用しようと思います。
ＨＴＭＬやＣＳＳ、あとライブドアブログでの記述の仕方について詳しい方教えてください。
ブログ左側にある、頭文字が『あ』の女優、頭文字が『い』の女優など、スクロールバーで１５人分ぐらいがそのまま見えて、後はスクロールしてみるという形にしたいです。
http://jyosikousei.net/
いちよアダルトブログなので１８歳未満の方は訪問しないでください。よろしくお願いします。
No.2
200
42
65pt
出力された HTML では実際のテンプレートが分からないため、
細部が異なるかもしれませんが、以下で可能です。
■HTML の変更
<div class="plugin-memo sidewrapper"> <div class="sidetitlebody"> <div class="sidetitle">『あ』のＡＶ女優</div> ↓ <div class="plugin-memo sidewrapper actress-name"> <div class="sidetitlebody"> <div class="sidetitle">『あ』のＡＶ女優</div>
上記の場所に actress-name を追加する。
※『か』以降も、同様の場所に追加してください
■CSS の変更
.actress-name { overflow: auto; height: 45em; }
スクロールバーを、見出しにぴったりつけたい場合は height の下の行に「margin-top: 0;」を追加してください。
高さの「45em」とは「45文字分」という意味です。
現在の表示では名前の下に空間があり、1人分の名前が「およそ3文字分の高さ」になっているため、
15人分なら、45em という指定になります。（10人分にしたければ 30em）
※○○px という指定方法もありますが、
文字の大きさを変えている閲覧者にも対応できる ○○em での指定をおすすめします
No.1
48079
5pt
サイドバーにスクロールバーをつけるcssを考えてみた
div.plugin-memo sidewrapper { overflow: scroll; height: 20em; }
この一行で全てのサイドバーの高さが20文字分になる
20文字を超えた場合はスクロールバーがでる
相互リンクなどスクロールバーをだしたくないものもあるので、ちょっと私としては使いづらいです。
せっかく考えていただいたのに、申し訳ありません。指定した部分だけ、スクロールバーがでる、そんなＣＳＳ、ＨＴＭＬを希望しています。
No.2
20042
ここでベストアンサー
65pt
出力された HTML では実際のテンプレートが分からないため、
細部が異なるかもしれませんが、以下で可能です。
■HTML の変更
<div class="plugin-memo sidewrapper"> <div class="sidetitlebody"> <div class="sidetitle">『あ』のＡＶ女優</div> ↓ <div class="plugin-memo sidewrapper actress-name"> <div class="sidetitlebody"> <div class="sidetitle">『あ』のＡＶ女優</div>
上記の場所に actress-name を追加する。
※『か』以降も、同様の場所に追加してください
■CSS の変更
.actress-name { overflow: auto; height: 45em; }
スクロールバーを、見出しにぴったりつけたい場合は height の下の行に「margin-top: 0;」を追加してください。
高さの「45em」とは「45文字分」という意味です。
現在の表示では名前の下に空間があり、1人分の名前が「およそ3文字分の高さ」になっているため、
15人分なら、45em という指定になります。（10人分にしたければ 30em）
※○○px という指定方法もありますが、
文字の大きさを変えている閲覧者にも対応できる ○○em での指定をおすすめします
すごい丁寧な回答をありがとうございます。明日、上の方法でうまくいくか、挑戦したいと思います。
kaz様、貴重なお時間頂戴し、ありがとうございます！
rakusutasia
2010/04/19 09:27:03
1
1
2
2
3
3
kaz
すごい丁寧な回答をありがとうございます。明日、上の方法でうまくいくか、挑戦したいと思います。
kaz様、貴重なお時間頂戴し、ありがとうございます！