Как сделать выпадающий список в верхнем навигационном меню для блогера - PullRequest
Новая
       18

Как сделать выпадающий список в верхнем навигационном меню для блогера

0 голосов
/ 21 января 2019

Я ищу раскрывающийся список некоторых опций в главном меню навигации, но, похоже, ничего из того, что я пробую, не работает.Текущий HTML без выпадающего списка: 

<center>
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/"><b>Home</b></a></li>
   <br />
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/p/about-me.html"><b>About</b></a></li>
   <br />
   <li><a href="http://www.latoyah.co.uk/p/contact-me.html"><b>Contact</b></a><br /></li>
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/p/slimming-world-recipes.html"><b>Slimming Recipes</b></a></li>
   <br />
   <li style="font-weight: normal;"><a href="https://www.latoyah.co.uk/p/slimming-meal-plans.html"><b>Meal Plans</b></a></li>
   <li style="font-weight: normal;"><a href="http://www.latoyah.co.uk/p/lifestyle.html"><b>Lifestyle &amp; Reviews</b></a></li>
</center>

Ответы [ 2 ]

0 голосов
/ 22 января 2019

Чтобы создать выпадающий список, вам нужно добавить css и отредактировать ваш код.

Вы можете проверить здесь - https://www.w3schools.com/howto/howto_js_responsive_navbar_dropdown.asp

0 голосов
/ 21 января 2019

Чтобы создать раскрывающееся меню в HTML, следуйте этой форме

Меню навигации 

<ul>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
</ul>

Меню навигации с выпадающим меню 

<ul>
  <li>
    <a href="#">Dropdown Menu</a>
    <ul>
      <li><a href="#">Dropdown Item</a></li>
      <li><a href="#">Dropdown Item</a></li>
      <li><a href="#">Dropdown Item</a></li>
    </ul>
  </li>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
</ul>
...