のんびりいこう

宝塚歌劇・ミュージカルときどきWEBデザイナーの徒然日記。a-blog cmsをカスタマイズする時の覚書。脳脊髄液減少症・リウマチと闘い中!

リストナビゲーション(横編)

XHTML

<div>
 <ul>
  <li>navi1</li>
  <li>navi2</li>
  <li>navi3</li>
  <li>navi4</li>
  <li>navi5</li>
 </ul>
</div>

CSS

div {
    width: ○○px;/*リキッドにするには逆にwidthの設定は不要*/
}

ul {
    overflow:hidden;
    margin: 0px;
    padding: 0px;
    height: ○○px;
    list-style: none;
}

li {
    float: left;
    width: ○○px;/*MacIE5対策*/
    margin: 0px;
    padding: 0px;
}

a {
    display: block;
    width:100%;
}

エントリーリスト

カテゴリーリスト

タグクラウド