[CSS]Hack無しで実装する、中央に配置するタブ型ナビゲーション
Post on:2008年7月28日
sponsors
Matthew James Taylorのエントリーから、リスト要素でマークアップしたタブ型ナビゲーションを中央に配置するスタイルシートの紹介です。
Beautiful CSS Centered Menus. No hacks. Full cross-browser support.
デモ
リストの箇所は、下記のコードで実装されています。
|
1 2 3 4 5 6 7 8 9 10 |
<textarea name="code" class="html" cols="60" rows="5"> <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> </textarea> |
対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op, Safariとなっています。
sponsors
