Верстка полукруглого меню

[Hihika]

Дали мне вот "это" в верстку...



Это главное меню. Это не оригинал, конечно, куска макета, то есть названия придуманы от фонаря.
Хотела передать основную мыслю - Рядом с каждым пунктом меню там еще идет картинка, адекватную сетку проследить трудно. )))
По сути она там вообще во всем макете отсутствует, ибо дизайнер видимо не в курсе что это :blink:


Дак вот вопрос: как лучше это воплотить в жизнь? Таблицей?

Посоветуйте плиз или дайте ссылку на инфо! С полукруглым меню сама сталкиваюсь впервые... hmy:

 

[ALEXu]

Я бы покрамсал ЭТО на прямоугольники одинаковой высоты, запихнул обрезки в DIVы, указал размеры и позиционирование.

 

[tigra60]

Если картинка меню целиком не очень тяжелая, можно использовать <map>.
http://www.w3schools.com/tags/tag_map.asp

 

[hackee]

ТОлько не вздумайте делать таблицами, потом фиг с кастомизируешь...

лучше на каждый элемент создать Div настроить им всем z-index и подвинуть как на рисунке

 

[tigra60]

Как-то, на секундочку, все подзабыли, что семантически меню должно быть списком. Остальное все делаем стилями.

Как вариант: Посмотреть вложение round_menu.zip