2011-06-28 10 views
0

私は以下の画像のようなナビゲーションに取り組んでいます。 enter image description hereCSS水平ナビ、IMGまたはDIV?

ナビゲーション全体はブラウザウィンドウの幅ですが、アイテムはデザインの中央に配置されています。

私はずいぶん長い間、コードを使っていませんでしたが、これをまとめるのは難しいです。身体イメージを使って横方向に繰り返し、必要な場所にリストを配置する必要がありますか?または、divを使用してブラウザウィンドウの幅全体に広げ、必要な位置にリスト要素を配置する必要がありますか?

おかげ

答えて

2

私はシンプルな背景色でコンテナを使用して、その内部のメニューを配置して行くと思います。

私はあなたのための簡単な例を拾い上げます。あなたは、ナビゲーションのコンテナを超えて拡張するための黒いメニューバーが必要な場合あるいは、追加する方が簡単かもしれhttp://jsfiddle.net/aQTRF/

UPDATE

は、ここで私はちょうど一緒に置かれている簡単な例です(あなたが述べたように)反復体の背景の一部としてバーを配置し、上にナビを配置します。これにより、メインコンテンツエリア内では、それ以外のものとは多少異なる色合いのメニューバーが表示されます。

+0

感謝メイトのために#navためにあなたのスタイルを追加順不同リストを使用してください。私は以前はマークアップで効率的でしたが、すべてが笑ってしまいました。 :\ –

0

可能であれば、画像よりHTMLとCSSを使用することをお勧めします。ページの読み込みが速くなります。

thisのような素敵でシンプルなものはどうですか?

0

<ul id="nav"> 
    <li>Nav Item</li> 
    <li>Nav Item</li> 
    <li>Nav Item</li> 
</ul> 

が背景

関連する問題