私は以下の画像のようなナビゲーションに取り組んでいます。 CSS水平ナビ、IMGまたはDIV?
ナビゲーション全体はブラウザウィンドウの幅ですが、アイテムはデザインの中央に配置されています。
私はずいぶん長い間、コードを使っていませんでしたが、これをまとめるのは難しいです。身体イメージを使って横方向に繰り返し、必要な場所にリストを配置する必要がありますか?または、divを使用してブラウザウィンドウの幅全体に広げ、必要な位置にリスト要素を配置する必要がありますか?
おかげ
私は以下の画像のようなナビゲーションに取り組んでいます。 CSS水平ナビ、IMGまたはDIV?
ナビゲーション全体はブラウザウィンドウの幅ですが、アイテムはデザインの中央に配置されています。
私はずいぶん長い間、コードを使っていませんでしたが、これをまとめるのは難しいです。身体イメージを使って横方向に繰り返し、必要な場所にリストを配置する必要がありますか?または、divを使用してブラウザウィンドウの幅全体に広げ、必要な位置にリスト要素を配置する必要がありますか?
おかげ
私はシンプルな背景色でコンテナを使用して、その内部のメニューを配置して行くと思います。
私はあなたのための簡単な例を拾い上げます。あなたは、ナビゲーションのコンテナを超えて拡張するための黒いメニューバーが必要な場合あるいは、追加する方が簡単かもしれhttp://jsfiddle.net/aQTRF/
:
UPDATE
は、ここで私はちょうど一緒に置かれている簡単な例です(あなたが述べたように)反復体の背景の一部としてバーを配置し、上にナビを配置します。これにより、メインコンテンツエリア内では、それ以外のものとは多少異なる色合いのメニューバーが表示されます。
可能であれば、画像よりHTMLとCSSを使用することをお勧めします。ページの読み込みが速くなります。
thisのような素敵でシンプルなものはどうですか?
は
<ul id="nav">
<li>Nav Item</li>
<li>Nav Item</li>
<li>Nav Item</li>
</ul>
が背景
感謝メイトのために#navためにあなたのスタイルを追加順不同リストを使用してください。私は以前はマークアップで効率的でしたが、すべてが笑ってしまいました。 :\ –