0から目指すWebマスター Web制作に関する備忘録
検索

CSS

リスト「画像」とナビゲーション「横」編

xhtmlソース
<div>
<ul><!–
–>
<li><img alt=”navi1″ /></li><!–
–>
<li><img alt=”navi2″ /></li><!–
–>
<li><img alt=”navi3″ /></li><!–
–>
<li><img alt=”navi4″ /></li><!–
–>
<li><img alt=”navi5″ /></li><!–
–>
</ul>
</div>

CSSソース
div{
width:○○px;
}
ul{
list-style:none;
margin:0;
padding:0;
}
li{
display:inline;
margin:0;
padding:0;
}

横並びの画像ナビゲーション作成時のポイント