Navigation bar problems

[Knight58]

Hello Peeps,

I have a problem that may or may not be with my html on my new site. My navigation bar has no funtionality in "preview for web" in IE or Firefox. When I click the links on nav bar, nothing happens. I am submitting the html below:

<div id="topnav">
<ul id="list-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Birthday</a></li>
<li><a href="#">Anniversary</a></li>
<li><a href="#">For Her</a></li>
<li><a href="#">For Him</a></li>
<li><a href="#">For Mom</a></li>
<li><a href="#">For Dad</a></li>
<li><a href="#">Just Because</a></li>
<li><a href="#">Making Up</a></li>
</ul>
</div>

Can anyone see what my problem may be.

[skywalker2208]

That is because you have # in your href="#". It needs to be set to where you want it to go like <a href="test.html">Test Page</a>

[Knight58]

Skywalker,

I went in and made that change and now when I preveiw in browser, I get a can not display page message. Below is what it looks like:

<div id="topnav">
<ul id="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="birthday.html">Birthday</a></li>
<li><a href="anniversary.html">Anniversary</a></li>
<li><a href="forher.html">For Her</a></li>
<li><a href="forhim.html">For Him</a></li>
<li><a href="formom">For Mom</a></li>
<li><a href="fordad.html">For Dad</a></li>
<li><a href="justbecause">Just Because</a></li>
<li><a href="makingup">Making Up</a></li>
</ul>
</div>