Как отобразить раскрывающееся меню Foundation 6 ul в виде встроенного блока или встроенной таблицы

  • Автор темы mtrolik
  • 35
  • Обновлено
  • 12, May 2024
  • #1
Я использую zurb Foundation для создания веб-сайта и использую раскрывающееся меню. Моя проблема заключается в том, как отобразить раскрывающийся список как встроенный блок. По правилам фонда это сделать сложно. Я надеюсь, что у некоторых есть представление об этом. Код ниже:

  <div class="row column text-center">

<ul class="dropdown menu custom-menu" data-dropdown-menu>

<li>

<a href="#">For Sale()</a>

<ul class="menu" id="display-style">

<li><a href="#">Animals()</a></li>

<li><a href="#">Computer-Software()</a></li>

<li><a href="#">Computer-Hardware()</a></li>

<li><a href="#">Cellphone-accessories()</a></li>

<li><a href="#">For Babies-Infants()</a></li>

<li><a href="#">Used Cars()</a></li>

</ul>

</li>

<li><a href="#">Vehicles</a>

<ul class="menu">

<li><a href="">Used Cars</a></li>

</ul>

</li>

<li><a href="#">Classes</a></li>

<li><a href="#">Real Estate</a></li>

<li><a href="#">Sevices</a></li>

<li><a href="#">Community</a></li>

<li class="has-dropdown">

<a href="#">Personals</a>

<ul class="dropdown">

<li><a href="">One</a></li>

<li><a href="">One</a></li>

</ul>

</li>

<li><a href="#">Jobs</a></li>

</ul>

</div>
Код (разметка):

mtrolik


Рег
30 May, 2015

Тем
1

Постов
2

Баллов
12
  • 18, May 2024
  • #2
Почему вы используете эти фреймворки? (или рассмотрите возможность использования этих фреймворков). Они не добавляют ничего полезного, только раздутые, чрезмерные имена классов, иногда даже плохо оформленный html.

Я не вижу никакой выгоды от их использования, HTML для этих вещей довольно прост, и CSS тоже не должен быть слишком сложным.

Так зачем использовать что-то, что даже не предоставляет нужных вам возможностей?
 

webprog


Рег
05 Dec, 2013

Тем
0

Постов
2

Баллов
2
  • 03, Jun 2024
  • #3
Ого… никогда не пользовался Foundation, и теперь понимаю, почему. ПОЧЕМУ ты используешь эту хрень? Он добавляет раздувание, добавляет javascript для простых вещей, таких как раскрывающееся меню, и портит изменения в CSS, которые должны быть простыми. Мой совет: избавьтесь от основы и сделайте это в простом HTML/CSS — весь сайт, а не только меню.
 

art23minsk


Рег
01 Jan, 2011

Тем
0

Постов
3

Баллов
3
  • 10, Jun 2024
  • #4
То же, что и ответ @PoPSiCLe выше. Эта работа не так уж сложна. Вот пример того, как это работает: http://codepen.io/philhoyt/pen/ujHzd

Попробуй сам. Если возникнут проблемы, то спросите еще раз.
 

adspartners


Рег
29 May, 2015

Тем
0

Постов
3

Баллов
3
Тем
49554
Комментарии
57426
Опыт
552966

Интересно