Настройка выпадающего меню

  • 4 Ответов
  • 432 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн Zegeberg

Не могу довести до ума выпадающее горизонтальное меню на шаблоне Protostar. Проблема именно в отображении выпадающих подкатегорий - у всех у них разная длина в зависимости от длины названия. Отсюда вопрос - как привести отображение подпунктов к общему знаменателю, т е сделать так, чтобы они имели одинаковую длину, независимо от длины слова. Сейчас по выпадающим подпунктам CSS такой:
display: block;
    padding: 6px 35px;
    clear: both;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #00;
    white-space: nowrap;
    background-color: #87CEEB;
    border-radius: 7px;
Спасибо.

*

Оффлайн Grigory S.

  • *****
  • 687
  • [+]69 / [-]0
  • Пол: Мужской
  • (с)
    • Просмотр профиля
Re: Настройка выпадающего меню
« Ответ #1 : 08.05.2016, 13:33:10 »
Задайте фиксированную ширину, например

Код: (css) [Выделить]
width: 220px;
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".

*

Оффлайн Zegeberg

Re: Настройка выпадающего меню
« Ответ #2 : 08.05.2016, 13:46:36 »
Спасибо, как-то не подумал о таком просто решении.

*

Оффлайн Zegeberg

Re: Настройка выпадающего меню
« Ответ #3 : 08.05.2016, 15:29:38 »
По ходу возник вопрос - в указание ширины всплывающего блока в px не даст негатива при отображении в мобильных устройствах? Шаблон Protostar. Спасибо.

*

Онлайн vipiusss

  • ********
  • 5859
  • [+]325 / [-]10
  • Пол: Мужской
  • Skype: renor_
    • Просмотр профиля
Re: Настройка выпадающего меню
« Ответ #4 : 08.05.2016, 15:57:29 »
Укажите тогда диву для моб.устройств в % или em (можете и в px):

@media (max-width: 979px) {
  ваш div {
    width:***;
  }
}

Также управляя можете регулировать отображения на любых устройствах.
Довольно неплохой мануальчик: http://frontender.com.ua/media-queries/
Тут можете проверять: http://quirktools.com/screenfly/
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями