Меню с беграундом по одну сторону

[npofopr]

Подскажите, можно чисто теоретически.

Как делают такие меню?

Т.е. чтобы фон слева продолжался по максимуму влево.

Ну а справа чтобы фон "обрезался" по-последнему элементу.

[lexxcode]

что-то не очень понятно... вроде бы обычный градиент, не?

[red4pony]

Я думаю имелось ввиду нечто такое

Вот только пункты меню поменялись местами.

P.S. С размерами переборщил. Поправил

Edited May 31, 2013 by red4pony

[Sensei]

как вариант http://jsfiddle.net/WGy4Z/

[npofopr]

Дело не в градиенте. Градиент это понятно.

Я думаю имелось ввиду нечто такое

как вариант http://jsfiddle.net/WGy4Z/

Почти то. Но тут идет точная привязка к размерам, т.е. установлен конкретный width.

А должно быть, чтобы беграунд обрывался по последнему пункту меню.

Вроде где то и видел, и найти не могу(

[Radiocity]

Ну вы даете. Надо заднему слою придать значение inline-block, задав нужный внутренний отступ слева: http://jsfiddle.net/fQv4W/

Однако, стоит помнить про багу с inline-block элементами

Edited June 3, 2013 by Radiocity

[lexxcode]

Вот так например http://jsfiddle.net/...riz/vBYvB/show/

p.s. То чувство, когда опоздал с ответом на три минуты

Edited June 3, 2013 by alexriz

[Sensei]

Дело не в градиенте. Градиент это понятно.

Я думаю имелось ввиду нечто такое

как вариант http://jsfiddle.net/WGy4Z/

Почти то. Но тут идет точная привязка к размерам, т.е. установлен конкретный width.

А должно быть, чтобы беграунд обрывался по последнему пункту меню.

Вроде где то и видел, и найти не могу(

так? http://jsfiddle.net/sensei/WGy4Z/1/

[npofopr]

Я видимо всё не правильно объяснил.

У вас, слева отступ тоже "фиксирован", и задается в px.

А должно быть:

Центрированное меню с беграундом и с левой стороны беграунд меню уходит в "бесконечность и далее". Т.е. продолжается до конца окна браузера.

А справа обрезается по последнему пункту.

[lexxcode]

Контент сайта фиксированной ширины, или тоже резиновый?

[npofopr]

Можно конечно и так, но тоже не кошерно как то... http://jsfiddle.net/npofopr/Ue8hk/

И на jsfiddle по-другому выглядит, чем на странице.

Хотя на широкоформатке вроде как надо.

Контент сайта фиксированной ширины, или тоже резиновый?

фиксированный. 900px