Вертикальное меню CSS

Question

[milky_cookie]

Добрый день!
У меня стоит задача сделать вертикальное выпадающее меню на CSS и HTML, без использования JavaScript или прочих языков и фреймворков. Сделать нужно эффект похожий, как у сайта DNS-SHOP, а именно колонку «Каталог товаров» и при наведении на родителя появляется большой листик с детьми.
Знаю, что в интернете полно примеров и по первой же ссылке можно найти менюшку без скриптов, но они будут не такие, как хотелось бы — не будет общего большого поля, а только по поколениям.
Так вот, никто не сталкивался с этим?

Answer 1

[Alexander]

А что мешает самому сделать большое поле? jsfiddle.net/alexseroshtan/b5LVP/

Comments

[milky_cookie]

Скорее всего нехватка знаний в этой области… Посмотрел ссылку и не понял — чем мне будет она полезна?

[Артур Кох]

По ссылке готовое решение.

[Артур Кох]

с div.sub делайте что душе угодно.

[mydarck]

А как сделать чтобы оба дочерних элемента открывались вверху? Т.е. "Список ноутбуков" открылся на том месте где и "Список планшетов"

Answer 2

[Артур Кох]

Готовое решение по ссылке вам дал Seneast. На приведенном вами сайте одним css не обошлось. Там стоит js таймер для того, чтобы сабменю быстро не пропадало при отведении указателя мыши.

Comments

[mydarck]

я думаю это можно было решить по средствам 3 стилей: opacity, visibility, transition.

Answer 3

[Евгений]

Готовое решение

jsfiddle.net/Eugeny/us0peef6