Jump to content

navigation in li tag

Recommended Posts

I copied the following code from the navigation bar example and tried it in my webpage.
I received an error message that stated that href was not allowed in the <li> tag.
What did I do wrong? What else is needed to make it work>
<!DOCTYPE html>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
<p>Note: We use href="#" for test links. In a real web site this would be URLs.</p>
Link to post
Share on other sites



body {background-color: #000000;}h1 {font-family: "Arial";font-size: 40px;color: #FFCC00;text-align: center;}ul {list-style-type: none;margin: 0;padding: 0;}li {display: inline;}p {font-family: "Arial";font-size: 20px;color: #FFCC00;}a:default {background-color: #FFCC00;font-family: "Arial";font-size: 40px;color: #000000;}a:hover {background-color: #FFCC00;font-family: "Arial";font-size: 40px;color: #0066FF;}





<!DOCTYPE html><html><head><title>Landing Page</title><meta charset="UTF-8"></head><body><ul><li><a href="#default">HOME</a></li><li><a href="#about">ABOUT</a></li><li><a href="#campaign">CAMPAIGN</a></li> <li><a href="#videos">VIDEOS</a></li><!-- These lines are a comment for now<li><a href="suggestions.asp">SUGGESTIONS</a></li><li><a href="cartoons.asp">CARTOONS</a></li><li><a href="classifiedshome.asp">CLASSIFIEDS</a></li><li><a href="store.asp">STORE</a></li><li><a href="contact.asp">CONTACT</a></li>--></ul><h1>TEST</h1><h2>THIS SITE IS CURRENTLY UNDER CONSTRUCTION</h2></body></html>

Link to post
Share on other sites

I have been using Microsoft Web Matrix to test my code and am beginning to wonder if it is my problem. Would you please suggest another application to test my code. I don't have server manager on my laptop.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...