Как это реализовать?

[mistadrumma]

Доброго времени суток! Есть не большая задачка, по поводу навигации.

Как это должно выглядеть

И как это выглядит сейчас http://www.impulslkm.ru/ , я пробывал бордерами но что то запутался.

Помогите пожалуйста реализовать.Спасибо

[Switch74]

#ddmenu ul li a {
    display: block;
    width: 70%;
    padding: 6px 5%;
    line-height: 1.4em;
    transition: all 0.2s linear 0s;
    border-bottom: 1px solid #bbb;
    margin-left: 10%;}

например так

[npofopr]

А что не получается то?

Тень у меню что ли?

[mistadrumma]

А что не получается то? Тень у меню что ли?

Нужна тень и обрамление как на картинке , тоесть надпись о предприятии выделяется блоком.

#ddmenu ul li a { display: block; width: 70%; padding: 6px 5%; line-height: 1.4em; transition: all 0.2s linear 0s; border-bottom: 1px solid #bbb; margin-left: 10%;} например так

спасибо за подсказку с разделением

[stani077]

тоже буду благодарен если кто подскажет как это сделать

[Switch74]

http://htmlbook.ru/css/box-shadow

[mistadrumma]

http://htmlbook.ru/css/box-shadow

я имею конкретно выпадающий список навигации он в форме рубашки на картинке, а у меня как контентное окно, я вырезал из макета не могу правильный скрипт написать((

Вот то что получается http://www.impulslkm.ru/

[mistadrumma]

На данный момент осталось исправить слайд, как сделать что бы он не с угла выпадал?

[mistadrumma]

Все получается через hover, осталось только одно, подскажите как убрать тень которая падает на список, тоесть на картинке выше получается фигура с тенью, а в реале вот так http://www.impulslkm.ru/

[Switch74]

я бы <a> поднял по z-index выше ul