Компьютерный форум NoWa.cc Здесь может быть Ваша реклама
Правила Форума
редакция от 22.06.2020
Портал .::2BakSa.WS::.
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Веб - Программирование > HTML

Уважаемые пользователи nowa.cc и 2baksa.ws. У нас сложилось тяжёлое финансовое положение. Мы работаем для вас вот уже более 15 лет и сейчас вынуждены просить о помощи. Окажите посильную поддержку проектам. Мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney WMZ: 826074280762 Webmoney WME: 804621616710
PayPal PayPal_Email E-mail для связи по вопросу помощи
Кошелёк для вашей помощи YooMoney 4100117770549562
YooMoney Спасибо за поддержку!
Ответ
 
Опции темы Опции просмотра Language
Старый 30.10.2020, 20:55   #1
ViP
 
Аватар для Makcimka
 
Пол:Мужской
Регистрация: 17.11.2005
Сообщений: 783
Репутация: 246
По умолчанию Как сделать скроллинг внутри бокса при раскрытии меню

Добрый день, всем!
Сильно не пинайте, но я не html программист а только понемногу осваиваю азы.
посидев немного и поковыряв просторы интернета, вроде получилось добиться создать раскрывающее меню как необходимо.
Но теперь столкнулся с проблемой, что при развертывании меню текст выходит за бокс.

Ограничил его видимость и добавил scroll. Но он появился и не активен.


<div class="menubox"> <ul class="menu animated"> <li class="menu_children"> <input type="checkbox" name ="group-1" id="group-1" checked> <label for="group-1">Подсистема маркировки</label> <ul> <li class="menu_children"> <input type="checkbox" name ="sub-group-1" id="sub-group-1"> <label for="sub-group-1">Настройка подсистемы маркировки</label> <ul> <li><a href="db/M/settings/org.html">Организации</a> </li> <li><a href="#1">Склады</a> </li> </ul> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-2" id="group-2" checked> <label for="group-2">Раздел: Закупки</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-3" id="group-3" checked> <label for="group-3">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-4" id="group-4" checked> <label for="group-4">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-5" id="group-5" checked> <label for="group-5">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-6" id="group-6" checked> <label for="group-6">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-7" id="group-7" checked> <label for="group-7">Подсистема маркировки</label> <ul> <li class="menu_children"> <input type="checkbox" name ="sub-group-7" id="sub-group-7"> <label for="sub-group-7">Настройка подсистемы маркировки</label> <ul> <li><a href="db/M/settings/org.html">Организации</a> </li> <li><a href="#1">Склады</a> </li> </ul> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-8" id="group-8" checked> <label for="group-8">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-9" id="group-9" checked> <label for="group-9">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> <li class="menu_children"> <input type="checkbox" name ="group-10" id="group-10" checked> <label for="group-10">Раздел: Продажи</label> <ul> <li><a href="db/M/settings/org.html">Заказы поставщикам</a> </li> <li><a href="#1">Поступление товаров (услуг)</a> </li> </ul> </li> </ul> </div>

Добавлено через 2 минуты
Код HTML:
<div class="menubox">   <ul class="menu animated">      <li class="menu_children">       <input type="checkbox" name  ="group-1" id="group-1" checked>       <label  for="group-1">Подсистема маркировки</label>       <ul>          <li class="menu_children">           <input  type="checkbox" name ="sub-group-1" id="sub-group-1">            <label for="sub-group-1">Настройка подсистемы  маркировки</label>           <ul>              <li><a href="db/M/settings/org.html">Организации</a>  </li>             <li><a href="#1">Склады</a>  </li>           </ul>         </li>       </ul>      </li>     <li class="menu_children">       <input  type="checkbox" name ="group-2" id="group-2" checked>       <label  for="group-2">Раздел: Закупки</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-3" id="group-3" checked>        <label for="group-3">Раздел: Продажи</label>        <ul>         <li><a  href="db/M/settings/org.html">Заказы поставщикам</a>  </li>         <li><a href="#1">Поступление товаров  (услуг)</a> </li>       </ul>     </li>      <li class="menu_children">       <input type="checkbox" name  ="group-4" id="group-4" checked>       <label  for="group-4">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-5" id="group-5" checked>        <label for="group-5">Раздел: Продажи</label>        <ul>         <li><a  href="db/M/settings/org.html">Заказы поставщикам</a>  </li>         <li><a href="#1">Поступление товаров  (услуг)</a> </li>       </ul>     </li>      <li class="menu_children">       <input type="checkbox" name  ="group-6" id="group-6" checked>       <label  for="group-6">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-7" id="group-7" checked>        <label for="group-7">Подсистема маркировки</label>        <ul>         <li class="menu_children">           <input  type="checkbox" name ="sub-group-7" id="sub-group-7">            <label for="sub-group-7">Настройка подсистемы  маркировки</label>           <ul>              <li><a href="db/M/settings/org.html">Организации</a>  </li>             <li><a href="#1">Склады</a>  </li>           </ul>         </li>       </ul>      </li>     <li class="menu_children">       <input  type="checkbox" name ="group-8" id="group-8" checked>       <label  for="group-8">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-9" id="group-9" checked>        <label for="group-9">Раздел: Продажи</label>        <ul>         <li><a  href="db/M/settings/org.html">Заказы поставщикам</a>  </li>         <li><a href="#1">Поступление товаров  (услуг)</a> </li>       </ul>     </li>      <li class="menu_children">       <input type="checkbox" name  ="group-10" id="group-10" checked>       <label  for="group-10">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>   </ul> </div>
Добавлено через 1 минуту
Код:
<div class="menubox">   <ul class="menu animated">      <li class="menu_children">       <input type="checkbox" name  ="group-1" id="group-1" checked>       <label  for="group-1">Подсистема маркировки</label>       <ul>          <li class="menu_children">           <input  type="checkbox" name ="sub-group-1" id="sub-group-1">            <label for="sub-group-1">Настройка подсистемы  маркировки</label>           <ul>              <li><a href="db/M/settings/org.html">Организации</a>  </li>             <li><a href="#1">Склады</a>  </li>           </ul>         </li>       </ul>      </li>     <li class="menu_children">       <input  type="checkbox" name ="group-2" id="group-2" checked>       <label  for="group-2">Раздел: Закупки</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-3" id="group-3" checked>        <label for="group-3">Раздел: Продажи</label>        <ul>         <li><a  href="db/M/settings/org.html">Заказы поставщикам</a>  </li>         <li><a href="#1">Поступление товаров  (услуг)</a> </li>       </ul>     </li>      <li class="menu_children">       <input type="checkbox" name  ="group-4" id="group-4" checked>       <label  for="group-4">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-5" id="group-5" checked>        <label for="group-5">Раздел: Продажи</label>        <ul>         <li><a  href="db/M/settings/org.html">Заказы поставщикам</a>  </li>         <li><a href="#1">Поступление товаров  (услуг)</a> </li>       </ul>     </li>      <li class="menu_children">       <input type="checkbox" name  ="group-6" id="group-6" checked>       <label  for="group-6">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-7" id="group-7" checked>        <label for="group-7">Подсистема маркировки</label>        <ul>         <li class="menu_children">           <input  type="checkbox" name ="sub-group-7" id="sub-group-7">            <label for="sub-group-7">Настройка подсистемы  маркировки</label>           <ul>              <li><a href="db/M/settings/org.html">Организации</a>  </li>             <li><a href="#1">Склады</a>  </li>           </ul>         </li>       </ul>      </li>     <li class="menu_children">       <input  type="checkbox" name ="group-8" id="group-8" checked>       <label  for="group-8">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>     <li class="menu_children">        <input type="checkbox" name ="group-9" id="group-9" checked>        <label for="group-9">Раздел: Продажи</label>        <ul>         <li><a  href="db/M/settings/org.html">Заказы поставщикам</a>  </li>         <li><a href="#1">Поступление товаров  (услуг)</a> </li>       </ul>     </li>      <li class="menu_children">       <input type="checkbox" name  ="group-10" id="group-10" checked>       <label  for="group-10">Раздел: Продажи</label>       <ul>          <li><a href="db/M/settings/org.html">Заказы  поставщикам</a> </li>         <li><a  href="#1">Поступление товаров (услуг)</a> </li>        </ul>     </li>   </ul> </div>
Makcimka вне форума
 
Ответить с цитированием Вверх
Здесь может быть Ваша реклама
Здесь может быть Ваша реклама


Реклама: мангал яйцо керамическийОтличное предложение в КНС Нева - msi z790 ace - поставщик техники для дома и бизнеса в Санкт-Петербурге.напольная вешалка икеаРекомендуем - источник бесперебойного питания цена купить - более 50-ти тысяч наименований товаров со склада в Москвечистые пруды стоматология


Ответ


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 00:28. Часовой пояс GMT +3.


Copyright ©2004 - 2024 2BakSa.WS

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.13784 секунды с 12 запросами