CSS Горизонтальная навигация, IMG или DIV?

Question

Я работаю над навигацией, как на картинке ниже.

Вся навигация - это ширина окна браузера, но элементы сосредоточены на дизайне.

Я давно не работал ни с одним кодом,У меня проблемы с получением этого вместе.Должен ли я использовать изображение тела, чтобы повторить по горизонтали, а затем разместить свой список, где это должно быть?Или я должен использовать div, чтобы охватить всю ширину окна браузера и расположить элементы списка там, где они должны быть?

Спасибо

Answer 1

Я бы пошел с использованием контейнера с простым фоновым цветом и поместил бы меню внутри него.

Я приведу быстрый пример для вас.

ОБНОВЛЕНИЕ

Вот небольшой пример, который я только что собрал: http://jsfiddle.net/aQTRF/

В качестве альтернативы, если вам требуется, чтобы черная строка меню проходила мимо контейнера навигации, этопроще добавить панель как часть повторяющегося фона тела (как вы уже сказали), а затем расположите навигацию сверху.Это также позволит вам иметь немного другой оттенок менубара в основной области содержимого по сравнению с внешней областью.

Answer 2

Использовать неупорядоченный список

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

Добавьте свои стили в #nav для фона

Answer 3

Я бы посоветовал использовать HTML и CSS поверх изображений, где это возможно. Это ускорит загрузку страницы.

Как насчет чего-то приятного и простого, например this ?