Ужас... Я в замешательстве... На первой картинке первый и последний пункт находятся не у самого края круга. А на остальных двигаются к краю... Тут ни то, чтобы верстка, тут искусственный интеллект писать нужно, чтобы заставить это меню работать... Нужно брать высоту картинки и делить ее на (количество главных пунктов минус 1). Например высота будет 80, делим на 3, получаем 26,6(бесконечная дробь). Потом 80 (самый верх картинки) минус 26. 54px - это ЦЕНТР второго пункта LI. И так далее.. Мы получим центры. Мы знаем расстояния от центров. Значит можем через JS поставить высоту пункту, скажем на 4 пикселя меньше... Это только первый этап. Мы только что отобразили просто это меню без всяких подпунктов... Просто 4 главный пункта... Допустим пользователь кликает на 3 пункт, в котором у нас 5 подпунктов. Как расчитать, насколько должны раздвинуться между собой 3 и 4 главные пункты, чтобы между ними стали 5 подпунктов, при этом расстояние между 3 и 4 главными пунктами должно быть таким же как и между 1, 2 и 3м главными пунктами... Я представления не имею как это расчитать, но если долго думать можно найти какой-то выход. НО! Смотрим на картинки и охреневаем! Если пунктов много, и мы дошли до минимального расстояния между главными пунктами, то шрифт подпунктов должен уменьшаться так, чтобы первый и последний главные пункты оставались на своих местах по краям круга... Это просто пипец.... Даже если какой-то сумасшедший программист напишет этот искусственный интеллект (да, да, это не просто скрипт, а самый настоящий ИИ), то он все равно неизбежно столкнется с проблемой, когда при большом количестве подпунктов шрифт становится настолько маленьким, что прочитать его сначала просто неудобно, а в будущем может стать и невозможно... Добавить к задачке кроссбраузерность. Шрифты в разных браузерах имеют разную величину! Я уже не говорю про браузеры под Linux, где грифт Georgia например ВООБЩЕ другой... Ощутили масштаб проблемы? Все то, что я писал раньше нужно смело умножить на количество браузеров! Ах да... и еще это нужно сделать под Joomla... (Контрольный в голову) P.S. Зачем вообще решать задачу, сложность которой превосходит создание 10-ти новых сайтов при том, что на выходе мы имеем весьма плохой результат?! Это мень страшное и не удобное... Подпункты плохо отличаются от пунктов-родителей, если их много шрифт становится нечитабельный... Да и вообще это меню не представляет никакой дизайнерской ценности, зачем ради него так мучаться? Эта красная обводка вообще сводит меня с ума... Присмотрелся, а там у активного пунта не просто полосочка, а еще и стрелочка на конце???