更改背景图像后,我的标题图像不可见



我正在开发一个网页。我正在尝试制作默认导航栏对于我所有的页面,这是我想要include()导航栏的文件:

<html>
<head>
    <title>My Webpage</title>
</head>
<body>
    <?php include("config/defaults/nav/navigation.php"); ?>
</body>

这工作正常,但是如何添加我的 CSS?css仅用于导航栏,它在位置C:/xampp/defaults/nav/styles.css中。navigation.php是指向样式表的链接,但这不起作用。

编辑:

这是导航的内容.php,它只是我的导航栏:

<html>
    <head>
        <link href="styles.css" rel="stylesheet" type="text/css">
        <script src="nav.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="nav">
            <div class="nav_wrapper">
                <ul>
                    <li><a href="#">Home</li></a>
                    <li><a href="#">Mods</li></a>
                    <li><a href="#">Search</li></a>
                    <li><a href="#">Help</li></a>
                </ul>
            </div>
        </div>
    </body>
</html>

我知道这是非常基本的。

编辑2:

导航的路径.php只是C:/xampp/htdocs/config/defaults/nav/navigation.php,其中htdocs是我的根文件夹。

这里有

几件事需要注意,你不需要在你的包含中包含整个<html>标记位。这本身会混淆网络浏览器并使事情变得奇怪,特别是当页面变得更加复杂并且如果您输入正确的链接路径时,它可能仍然不起作用。

在导航中.php您所需要的只是实际的 html 标记:

<div class="nav">
   <div class="nav_wrapper">
        <ul>
            <li><a href="#">Home</li></a>
            <li><a href="#">Mods</li></a>
            <li><a href="#">Search</li></a>
            <li><a href="#">Help</li></a>
        </ul>
    </div>
</div>

还查看导航style.css文件的路径,看起来您想要具有不同的样式.css不同目录中页面不同部分的文件,我强烈建议将所有样式组合到一个文件中,并拥有一个主样式表,即main.css如果只是为了让维护它更容易, 或者至少将所有样式表放入同一目录(并称它们为 main.css,导航.css例如)。

这样,在主索引页面中,您所要做的就是包含样式,您会发现以后的管理要容易得多。


现在要真正回答你的主要问题,你的风格包含不起作用的原因是因为它正在寻找风格.css在你的网络目录的根目录中,而实际上它在文件夹/defaults/nav/中(假设 C:/xampp 是网站根目录。更改链接以包含该目录结构将解决问题:

<link href="/defaults/nav/style.css" rel="stylesheet" type="text/css"/>

路径需要指向样式.css文件所在的位置,如果您接受我上面的建议,那么它会有所不同。我会在根目录中创建一个 css 目录并将其放在那里,以便路径/css/style.css然后,如果您还必须包含任何其他与 CSS 相关的文件,它们都可以进入那里,这将有助于保持整洁。

祝你好运,你的英语很好,不是100%完美,但我很容易理解你的问题。

相关内容

  • 没有找到相关文章

最新更新