Как создать элементы в меню?

[viliksar]

Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое:

в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой

Как правильно поступить...

Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл? 

Edited November 5, 2018 by viliksar

[DivMan]

border-radius 

[Switch74]

можно повозиться и сделать
направление идеи http://jsfiddle.net/05qdhg84/

[viliksar]

4 часа назад, Switch74 сказал:

можно повозиться и сделать
направление идеи http://jsfiddle.net/05qdhg84/

Круто! Спасибо большое, изучу код на досуге...

[viliksar]

Switch74

У меня вопрос. А можно ли меню делать на дивах со span, как в вашем примере. И если такое допустимо, то как сделать с помощью span выпадающее под меню?

Edited November 6, 2018 by viliksar

[Switch74]

можно хоть как, но как правило его делают с использованием nav, ul и li по сути названия тегов сути не меняют, т.к. вы можете заставить тот же ul вести себя как div, а li как span

[viliksar]

06.11.2018 в 12:03, Switch74 сказал:

можно повозиться и сделать
направление идеи http://jsfiddle.net/05qdhg84/

Можно что то придумать с overflow? Из-за него суб меню не появляется из под li. не как не могу решить эту проблему - https://jsfiddle.net/khLd832y/

[spdif]

https://jsfiddle.net/khLd832y/19/

[viliksar]

11 часов назад, spdif сказал:

https://jsfiddle.net/khLd832y/19/

Спасибо большое за подсказку!