0

下の画像のようなナビゲーションに取り組んでいます。 ここに画像の説明を入力

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

私はかなり長い間コードを扱っておらず、これをまとめるのに苦労しています。ボディ画像を使用して水平方向に繰り返し、必要な場所にリストを配置する必要がありますか? または、div を使用してブラウザー ウィンドウの幅全体にまたがり、必要な場所にリスト要素を配置する必要がありますか?

ありがとう

4

3 に答える 3

2

シンプルな背景色のコンテナを使用し、その中にメニューを配置します。

簡単な例を挙げます。

アップデート

まとめた簡単な例を次に示します: http://jsfiddle.net/aQTRF/

または、黒のメニューバーをナビゲーションのコンテナーを超えて拡張する必要がある場合は、(前述のように) 繰り返しボディの背景の一部としてバーを追加し、ナビゲーションを上部に配置する方が簡単な場合があります。これにより、メイン コンテンツ エリア内とそれ以外のメニューバーの色合いをわずかに変えることもできます。

于 2011-06-28T15:04:27.883 に答える
0

順序なしリストを使用する

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

背景の #nav にスタイルを追加します

于 2011-06-28T15:15:59.777 に答える
0

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

こんなシンプルで素敵なものはいかがですか？

于 2011-06-28T15:13:44.627 に答える