Question

首先，我想解释一下，我对所有这些编码事物都比较新。我是自学成才，现在还在学习。

我的投资组合网站My Site

存在问题

在这个网站上，我刚刚直接复制并粘贴了从index.html到work.html的导航栏编码（HTML，CSS）。我使用Dreamweaver作为我的开发程序，一切都很好，我昨晚主持了网站。

现在该网站已上线我对导航栏和CSS有很多问题。我为每个页面（about，work和CV）创建了一个新的css文件，然后将导航栏和背景等的代码复制到下一页并加载到所有页面和路标的相同js代码文件中导航栏显示代码。

但是，正如您在我的网站上看到的那样，导航栏在每个页面上的显示方式不同，导航点无法在about页面或cv上运行，并且所有格式设置都已关闭。

当我打字的时候，我正在用我的头发拉出我的头发，因为当我在Dream-weavers网站查看器中查看时，该网站看起来很棒并且功能齐全。谁能帮我吗？

工作页面是此时唯一正确显示的页面。

提前感谢您的帮助。

卡勒姆

Answer 1

不花太长时间查看源代码，我注意到在主页上你使用了工作页面中的不同CSS。

在您打电话的主页上

<link href="../DW Bootstrap Site/css/bootstrap.css" rel="stylesheet">
    <link href="css/callum.css" rel="stylesheet" type="text/css">

并在您正在调用的工作页面上

<link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/work.css" rel="stylesheet" type="text/css">

这将根据这些CSS文件的内容改变年龄的显示。您需要确保每个页面的css是一致的 - 尝试将所有外部CSS保留在一个文件中，以便对每个页面进行统一调用。然后通过调用每个页面上的不同选择器（id＆＃39; s和类等）来使用每个页面的不同内容。可能还有其他错误 - 这就是我立刻注意到的。

Answer 2

在您的主页中找不到bootstrap.css：

<link href="../DW Bootstrap Site/css/bootstrap.css" rel="stylesheet">