LISTS in SIDE-BAR

LIST 1

LIST 2

LIST 3

LIST 4

LIST 5

LIST 6

LIST 7

  • ヨーロピアンビート・テンプレーターズ
  • Europian-Beated Templators
  • Danielのテンプレカスタマイズ
  • ＦＣａｆｅ
  • HeadQuater of the Darksiders
  • Pcafe FC2 version
  • ニーナ使いの憂鬱
  • Zeus３ 出して下さい
  • 　★RSS　とか
.

LIST 1

<ul>
<li>〜</li>
<li>〜</li>
　　：
<li>〜</li>
</ul>　　　　（ 特に指定無し ）

LIST 2

ul { margin:0 5px; padding:0 }

ul にmarginとpaddingを指定
（ＩＥではリストマークが消える）

LIST 3

ul { margin:0 5px; padding:0; list-style-position:inside }

list-style-position:inside　を指定
　（　default は outside ）

LIST 4

ul { margin:0 5px; padding:0; list-style-type:none }

list-style-type:none　を指定
（　余白制限に加え　リストマークも消す　）

LIST 5

ul { margin:0 5px; padding:0; list-style-type:none }
li { width:166px; height:1em; overflow:hidden }

li の幅と高さを固定し　ハミ出し分は非表示
（ 半角文字は単語単位で欠落してしまう ）

LIST 6

ul {width:170px; margin:0 1px; padding:0; overflow:hidden }
li {width:300px; height:1em;}

li の幅を十分に確保して改行を防ぐ一方
ul の幅を固定してハミ出しを切り落とす。

LIST 7

更に高さを固定した DIVタグでリストを囲みスクロール化
（ この際 ul の幅はスクロールバー分狭めておく ）


FCafe