下拉HTML菜单中的链接不起作用

时间:2018-03-25 21:18:32

标签: html5

下拉1和2的链接不想工作。 包含此代码的网页为http://www.lansdownesdachurch.co.za/index.html 在尝试解决此问题时,我已经看到了下拉菜单。

<nav>
        <ul class="nav">
            <li><a class="current" href="index.html">Home</a></li>
            <li><a href="AboutUs.html">About Us</a>
                <ul>
                    <li><a href="#">Drop down 1</a></li>
                    <li><a href="#">Drop down 2</a></li>
                </ul>
            </li>
            <li><a href="OurBeliefs.html">Our Beliefs</a></li>
            <li><a href="BibleStudy.html">Bible Study</a></li>
        </ul>
</nav>

2 个答案:

答案 0 :(得分:0)

在你的下拉列表中,输入你的html页面的名称,而不是#

例如,如果下拉列表1必须重定向到书籍并将2下拉到海洋:

  <li><a href="book.html">Drop down 1</a></li>
  <li><a href="sea.html">Drop down 2</a></li>

答案 1 :(得分:0)

您的 href 属性为空,您需要将它们指向要打开的html文件,我会在您的情况下使用相对URL来保持简单。您可以在下拉菜单here中阅读更多详细信息。