我正在开发一个网页。我正在尝试制作默认导航栏对于我所有的页面,这是我想要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%完美,但我很容易理解你的问题。