Форум русской поддержки Joomla!® CMS
08.12.2016, 13:56:03 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 306 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Zegeberg
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 104



« : 08.05.2016, 12:24:37 »

Не могу довести до ума выпадающее горизонтальное меню на шаблоне 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.
Завсегдатай
*****

Репутация: +68/-0
Offline Offline

Пол: Мужской
Сообщений: 685


(с)


« Ответ #1 : 08.05.2016, 12:33:10 »

Задайте фиксированную ширину, например

Код
width: 220px;
Записан
Zegeberg
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 104



« Ответ #2 : 08.05.2016, 12:46:36 »

Спасибо, как-то не подумал о таком просто решении.
Записан
Zegeberg
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 104



« Ответ #3 : 08.05.2016, 14:29:38 »

По ходу возник вопрос - в указание ширины всплывающего блока в px не даст негатива при отображении в мобильных устройствах? Шаблон Protostar. Спасибо.
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #4 : 08.05.2016, 14:57:29 »

Укажите тогда диву для моб.устройств в % или em (можете и в px):

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

Также управляя можете регулировать отображения на любых устройствах.
Довольно неплохой мануальчик: http://frontender.com.ua/media-queries/
Тут можете проверять: http://quirktools.com/screenfly/
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet