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

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

関連記事

この記事のハッシュタグ から関連する記事を表示しています。

最初に現れる要素にのみ適用させるCSS

IE7用

IE8に適用するCSSハック

Firefoxでの回り込みと背景が伸びない現象への対処法

最新記事

カテゴリー

アーカイブ

ハッシュタグ