Як зробити меню, що випадає html


 

При створенні меню сайту можна зіткнутися з проблемою обмеженості простору, необхідністю економити місце і уникати нагромадження зайвої інформації. Все це зручно вирішується елементами, які ховаються, коли не потрібні. Якщо хочеться уникнути використання скриптів, таке меню можна створити за допомогою засобів html і css.



Інструкція

  1. Складіть меню, визначте його структуру. Розташуйте елементи в зручному для майбутнього користувача порядку. Подумайте над зрозумілими і грамотними назвами розділів. Визначте пункти, які повинні бути випадають, і підпункти, які будуть в цих випадаючих списках.
  2. Оформіть придуману структуру за допомогою html-тегів. Це буде виглядати приблизно так:

  3. Помістіть все меню в блок
    . Задайте ідентифікатор id, що дозволить в подальшому привласнювати особливості тільки цього блоку, не зачіпаючи інші. Вкажіть в ідентифікаторі якесь ім’я, властивості для якого опишіть в наступних кроках.
  4. Створіть списки, де

Зверніть увагу

Даний метод рішення, на жаль, не працює для старих версій браузера Internet Explorer.