Необычная задача

[Kenshi24]

Решил вот сделать такое меню используя только стандартные CSS скругления, и не используя вообще никаких изображений (это очень важно), но пока не совсем получается это реализовать. Может у кого-нибудь будут идеи или готовые примеры, спасибо?)

В особенности не получается сделать так, чтобы кусочек этого меню как бы торчал сверху всей панели. Пробовал делать отрицательные отступы и прочее, но почему-то никак не хочет верх вылезать)

Edited December 2, 2011 by Kenshi24

[Gaspode]

Высота li — как у пункта "меню" на этой картинке. Ссылка внутри li — блочная, во всю ширину. У неактивной ссылки паддинг сверху, у активной паддинга нет. Всё о_О

[hedgehog]

http://jsfiddle.net/XN4Qs/

как, кстати, убрать закругления с внешней стороны боковых пунктов?

[SelenIT]

Вот так можно. А вообще для внешних углов есть вот такой фокус.

[hedgehog]

Вот так можно.

Вы же понимаете, что это не самое удобное решение

А вообще для внешних углов есть вот такой фокус.

а вот за ссылку спасибо. надо разбираться

[Kenshi24]

Вот так можно. А вообще для внешних углов есть вот такой фокус.

Необычно выглядит, а в чем там фокус?)

Вот так можно.

Вы же понимаете, что это не самое удобное решение

Есть идеи как еще можно?))

Edited December 2, 2011 by Kenshi24

[SelenIT]

а в чем там фокус?)

В исходном коде, очевидно . Плюс на зеленой "змейке" ключевые подсказки.

[Kenshi24]

а в чем там фокус?)

В исходном коде, очевидно . Плюс на зеленой "змейке" ключевые подсказки.

Надо разобраться)) А что за зеленая "змейка" не совсем понял)

Edited December 3, 2011 by Kenshi24