Несколько лет назад создание выпадающего меню на сайте было кошмаром для веб-мастеров. Без JavaScript-кода, который обычно состоял из нескольких сотен строк, никто бы даже не попытался реализовать такое решение...

Горизонтальное меню Структурно горизонтальное меню ничем не отличается от вертикального – это также обычный маркированный список либо несколько вложенных списков. Единственное, что необходимо сделать – это преобразовать вертикальный список в горизонтальный. Один из способов это сделать - задать элементам списка одтекание (float:left;). Второй вариант – задать им строчный тип (display: inline-block;). Тогда они автоматически расположатся в одну строку. При первом варианте необходимо дополнительно удалить маркеры у списка, при втором - варианте – не забудьте удалить отступы между пунктами меню (для родителя – font-size: 0; а для вложенных ссылок – переопределить размер шрифта)...