Статьи

Расширенное двухуровневое горизонтальное меню в css

Опубликовано 03/07/08 // Тэги: css html // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

Оригинал доступен на сайте Veerle.duoh.com

После моей публикации о двухуровневой навигации, я придумала и реализовала окончательный вариант меню. Мне нужно было сделать это по долгу службы для проекта, над которым я работаю. Данное меню более “гибкое” по сравнению с предыдущим. Последнее было фиксированной ширины, одинаковой для каждой кнопки. Это делает меню непригодным для использования в том случае, если названия кнопок имеют разную длину.

CSS-файл
Финальная версия двухуровневого горизонтального меню

В этой версии меню каждая кнопка меню и подменю имеют различную длину, определенную в таблице стилей. Длина, верхняя и левая позиции в подменю также определяются в отдельных стилях.

Для прочей понятности я откомментировала CSS. Это должно дать вам хорошее представление об используемых стилях.