Верстка нав. меню с картинками. Как бы вы это сделали?

[pavelpashkovsky]

Здравствуйте, я учусь. Подскажите пожалуйста как бы вы сверстали вот такое меню навигации.

 

 

Интересует скорей не код, а описание словами как бы вы сами эти верстали. Спасибо!

[npofopr]

Картинка не отображается. Точно расшарили?

[pavelpashkovsky]

извините...

В общем, все что я пока придумал:

1. сверстал все это ненумерованным списком
2. установил фикс. ширину контейнера <li>
3. установил паддинг-топ побольше, получилось пространство для установки картинок
4. установил картинки с пом. position и сдвига их попиксельно на нужные позиции.

Как сделать эту долбаную линию, ума не приложу. z-index вроде не подходит, т.к. картики прозрачные. пока хз, думаю

Может быть у кого-нибудь есть более изящный и короткий способ для верстки этого

Edited December 23, 2013 by pavelpashkovsky

[npofopr]

Картинка это обычная линия в виде картинки у ul или у оберточного div'a. 

А у li с картинками, можно задать белый фон и паддинги