<w!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

# Пример использования выпадающего списка

Для правильного отображения стрелочки в cp-1251 проектах в первой строчке проектного css должно быть объявление кодировки `@charset "UTF-8";`

- ## Выпадающий влево

  Выделены 25 сообщений. Ваши действия?
  - ещё
  - Очень длинная ссылка
  - Словари
  - Все сервисы

- ## Классический выпадающий список

  Текст Обычная ссылка текст
  - ещё
  - Очень длинная ссылка
  - Словари
  - Все сервисы

- ## Неактивный выпадающий список

  - Переложить в папку
  - Очень длинная ссылка
  - Словари
  - Все сервисы

- ## Выпадающий список в таблице

  - Переложить в папку
  - Очень длинная ссылка
  - Словари
  - Все сервисы

- ## Ссылка + выпадающий список

  - Ссылка
  - Очень длинная ссылка
  - Словари

- ## Кнопка-картинка + или

  - или
  - Очень длинная ссылка
  - Словари

- ## Большие размеры шрифта у родителя

  - - ещё
    - Очень длинная ссылка
    - Словари
    - Все сервисы
    работа
  - - ещё
    - Очень длинная ссылка
    - Словари
    - Все сервисы
    и
  - - ещё
    - Очень длинная ссылка
    - Словари
    - Все сервисы
    труд
  - - ещё
    - Очень длинная ссылка
    - Словари
    - Все сервисы
    все
  - - ещё
    - Очень длинная ссылка
    - Словари
    - Все сервисы
    перетрут

- ## Список с меньшим размером шрифта у парента

  для избежания "прыгания" псевдоссылки нужно подключить для ИЕ `_size/b-dropdown_small.ie.css` и поставить соответствующий класс-модификатор
  - - ещё
    - Очень длинная ссылка
    - Словари
    - Все сервисы

- ## Список с чёрными ссылками

  Подключаем файл `_theme/b-dropdown_black.css` . Для того, чтобы покрасить ссылки и в самом выпавшем списке, добавляем к этим ссылкам класс "b-dropdown__link"
  - ещё
  - Очень длинная ссылка
  - Словари
  - Все сервисы