[CSS]Hack無しで実装する、中央に配置するタブ型ナビゲーション

Matthew James Taylorのエントリーから、リスト要素でマークアップしたタブ型ナビゲーションを中央に配置するスタイルシートの紹介です。

Beautiful CSS Centered Menus. No hacks. Full cross-browser support.
デモ

リストの箇所は、下記のコードで実装されています。

<div id="centeredmenu">
<ul>
<li><a href="#">Tab one</a></li>
<li><a href="#" class="active">Tab two</a></li>
<li><a href="#">Tab three</a></li>
<li><a href="#">Tab four</a></li>
</ul>
</div>

対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op, Safariとなっています。

Post on:2008年7月28日