CSS和JavaScript菜单的问题

所以我正在为学校编写一个网站。我已经编写了一个侧菜单，其中包含您可以单击的选项。我还编写了一些你点击的东西。我的问题是，即使它们存在，当我点击时，它会说“filler.html不存在”。即使它们存在。这是我的代码。如果你有任何进一步的问题，请提问

函数openNav（）{ document.getElementById（“mySidenav”）.style.width=“250px”； } 函数closeNav（）{ document.getElementById（“mySidenav”）.style.width=“0”； }

正文{
字体系列：“Lato”，无衬线；
}
艾博克斯先生{
背景色：黑色；
颜色：浅灰色；
宽度：自动；
填充：1%；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s
}
.侧导航a:悬停，
.a:焦点{
颜色：#f1f1；
}
.关闭{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px！重要；
左边距：50像素；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.侧导航{
填充顶部：15px；
}
.侧导航a{
字号：18px；
}
}

尝试删除前导“/”。这意味着绝对目录，当您需要相对目录时

<a href="StoryTime.html">The beginning of logic and rhetoric</a>
<a href="rhetoric.html">What is rhetoric?</a>
<a href="classics.html">What is classics?</a>
<a href="timeline.html">Timeline</a>


尝试删除前导“/”。这意味着绝对目录，当您需要相对目录时

<a href="StoryTime.html">The beginning of logic and rhetoric</a>
<a href="rhetoric.html">What is rhetoric?</a>
<a href="classics.html">What is classics?</a>
<a href="timeline.html">Timeline</a>

替换：

<a href="/timeline.html" Timeline</a>

<a href="/timeline.html"> Timeline</a>

发件人：

<a href="/timeline.html" Timeline</a>

<a href="/timeline.html"> Timeline</a>

替换：

<a href="/timeline.html" Timeline</a>

<a href="/timeline.html"> Timeline</a>

发件人：

<a href="/timeline.html" Timeline</a>

<a href="/timeline.html"> Timeline</a>


我所做的只是将它们从我的SideNav中删除，然后我尝试在引用的外部添加“/”，这给了我同样的问题。没关系。谢谢你的帮助。我不知道我做了什么，但我认为这可能是文件的问题。再次感谢！所做的只是从我的SideNav中删除它们，然后我尝试在引用的外部添加“/”，这给了我同样的问题。没关系。谢谢你的帮助。我不知道我做了什么，但我认为这可能是文件的问题。再次感谢！