のんびりいこう

仕事と趣味と家族の記録

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

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%;
}

エントリーリスト

カテゴリーリスト

タグクラウド