Как сверстать перекрывающие друг друга пункты меню?

Question

[Viktor Vsk]

Или хотя бы ссылку на пример реализации.

Answer 1

[Дмитрий]

используйте свойства CSS position:relative; margin-left:-XXpx; (отрицательное значение) у каждого. А у родителя сделайте отступ слева, внутренний через padding-left:XXpx;

А для регулирования уровней (кто кого перекрывает) используйте свойство CSS z-index;

Comments

[Viktor Vsk]

А как быть с тем, что б они были на 50% ширины?
jsfiddle.net/turemhjp

[Дмитрий]

Виктор Выскребенцев: Здесь сложнее, не сталкивался с такой задачей. Поэтому ответить с ходу не могу. Они в принципе становятся шириной 50% от родителя, но засчет смещения уезжают. Значит, надо как-то рассчитать смещение и приплюсовать его к ширине...

Answer 2

[zooks]

В общем Дмитрий правильно написал. Но такие табы были в моде больше 10 лет назад.