Participant

Answered

Links to other pages won't work

Forum|Forum|9 years ago
March 12, 2017
3 replies
568 views

I am designing a website for a software design class and am almost done except for the fact that the buttons I created in my navbar are not changing colors when hovered or even working as links to other pages. The weird thing is that they work on the two other pages ("songs" and "videos") but do not work on the home or bio pages. Please help, it's due at midnight!

Here is the link Regional at Best to the home page and song page Bio.

And here is the code for the navbar on both pages.

<nav><ul>

<li><a class="nav" href="Assignment5.html">Home</a></li>

<li><a class="nav" href="SongPage.html">Songs</a></li>

<li><a class="nav" href="VideoPage.html">Video</a></li>

<li><a class="nav" href="Bio.html">Bio</a></li>

</ul>

</nav>

This topic has been closed for replies.

Correct answer BenPleysier

Go to the style sheet and look for

#postd span{
position: relative;
}

Remove the whole lot and the problem is solved.

While you are at it, you may as well clean up the markup by removing

<div id="postd">
<span>
leave the in between
</span>
</div>

Community Expert

Correct answer

Community Expert

Go to the style sheet and look for

#postd span{
position: relative;
}

Remove the whole lot and the problem is solved.

While you are at it, you may as well clean up the markup by removing

<div id="postd">
<span>
leave the in between
</span>
</div>

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Participant

Yay, thanks so much!

Ussnorway7605025

Legend

your links work its just that the user can't click them.

try opening your home page and zoom in ([ctrl]+[+])... now you can hit the links?

Participating Frequently

Code looks fine.

Can you please check if all pages are lying at the same location?

Also there should be no spelling mistakes.

Participant

Ah, didn't even catch that spelling mistake. Thanks!