WEB修業中☆

練習|ナビゲーションを4つ組んでみた

練習にナビゲージョンを4つ組みました。
練習なのでデザインは適当です。

条件
text-indent:-9999を使わない。
padding-topとoverflow: hidden;を使う。


20091106_01.gif

サンプル1
オーソドックスなナビゲージョン。
フロートさせました。


20091106_02.gif

サンプル2
ポジションを使ったナビゲーション。


20091106_03.gif

サンプル3
縦のナビゲーション。


20091106_04.gif

サンプル4
入れ子のナビゲーション。
spanを使いました。


サンプル2、サンプル4が課題でした。
リベンジ!できたかな^^


読み込みの時に一瞬白くなるので、今度は画像一枚で組んでみます。

  • 09.11.2009
  • 投稿者名mayumi
  • コメント(0)

コメントする

(必須)上のスペースに表示されている文字列を下のフィールドに入力してください。

▲ top