制作导航栏以在所有页面上使用

时间:2019-06-05 22:34:32

标签: php html css navbar

我在使导航栏显示在多个页面上时遇到问题。

我已经尝试了包括PHP和javascript在内的几种方法,但是我什么都无法工作。

这是我的导航栏代码:

<header>
   <ul class="navbar">
        <li style="left:5%; position:fixed;"><a href="index.html"><img width=35 height=35 src="images/4227LogoBig.png"></a></li>
        <li style="left: 14%; position:fixed;"><a href="index.html">Home</a></li>
        <li>
            <!-- About us -->
            <div style="left: 27%; position:fixed;" class="dropdown">
                <a href="#">About Us</a>
                <div class="dropdown-content">
                    <ul style="list-style: none;">
                        <li><a class="navbarLink" href="#">The Team</a></li>
                        <li><a class="navbarLink" href="#">Mentors</a></li>
                    </ul>
                </div>
            </div>

        </li>
        <li>
            <!-- Robots -->
            <div style="left: 44%; position:fixed;" class="dropdown">
                <a href="#">Robots</a>
                <div class="dropdown-content">
                    <ul style="list-style: none;">
                        <li><a class="navbarLink" href="#">2018-2019</a></li>
                    </ul>
                </div>
            </div>

        </li>
        <li>
            <!-- Outreach -->
            <div style="left: 58%; position:fixed;" class="dropdown">
                <a href="#">Outreach</a>
                <div class="dropdown-content">
                    <ul style="list-style: none;">
                        <li><a class="navbarLink" href="#">2018-2019</a></li>
                    </ul>
                </div>
            </div>

        </li>
        <li style="left: 74%; position:fixed;"><a href="#">Contact</a></li>
    </ul>
    </header>

并且我目前正在尝试在HTML正文中使用<?php include('includes/navbar.php');?>

使用此方法无法显示任何内容,但是如果我将其直接放在index.html中,它可以正常运行。有什么建议么?提前致谢!如果您有兴趣,这里是到演示主页的链接。 http://chasekaplan.com/FTC%204227/index.html

2 个答案:

答案 0 :(得分:1)

PHP代码仅在.php文件中运行。您不能在.php文件中包含.html文件。

确保您的主页为.php,否则它将无法正常工作。

答案 1 :(得分:0)

PHP includerequirerequire_once不显示文件的常见原因是错误的路径。路径规则在Web服务器之间可能会有所不同。要尝试的第一件事是添加一个斜杠来引用根。有些服务器只能使用它,有些只能使用它。

由于未加载'includes/navbar.php',请尝试'/includes/navbar.php'

取决于服务器的配置方式以及页面相对于根的位置,您可能需要显式引用根路径。例如,include(__DIR__ . 'includes/navbar.php');include($_SERVER['DOCUMENT_ROOT'] . 'includes/navbar.php');注意:您可能需要像这样include($_SERVER['DOCUMENT_ROOT'] . '/includes/navbar.php');