Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
matthewroller
2,159 PointsNavigation Tags + Unordered List
Hey guys, i'm having difficulty getting this to recognize my code for the Navigation tags and Unordered list. I have a screencap right here, and it doesn't seem to be letting me get through. I've tried it 3 different ways.. http://sortoflikethis.coffeecup.com/help.JPG
8 Answers
Jason Montoya
6,550 PointsMatt,
Try moving the unordered list out side of the anchor element. Currently it is nested within.
Andreas cormack
Python Web Development Techdegree Graduate 33,011 PointsMatthew move your nav element outside the anchor tags.see below an example
<a href="index.html">
</a>
<nav>
<ul>
</ul>
</nav>
</header>```
something like this
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Pointstry this
<header>
<a href="index.html">
</a>
<nav>
<ul>
</ul>
</nav>
</header>
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Points'''html <header> <a href="index.html"> </a> <nav> <ul> </ul> </nav> </header>''' something like this
matthewroller
2,159 PointsHey guys, I tried to move the nav element outside of the anchor tags. http://sortoflikethis.coffeecup.com/help-2.JPG
Still isn't working :(
Jason Montoya
6,550 PointsMatt,
Unfortunately your ul is still in the wrong place. Try this:
<nav>
<a></a>
<ul></ul>
</nav>
matthewroller
2,159 PointsCool, it worked. THANK YOU!.. I have a question though, if that index.html file is a link, why not wrap that <nav></nav> and <ul></ul> around it?
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Pointswell the nav element needs to be kept separate so as it can float about the page at different break points. You will come to this and will make sense when you get to the responsive part of the project.
Jason Montoya
6,550 PointsMatt,
Glad one of our codes helped you out.
The anchor <a> link is wrapped around the h1 and h2 because those elements would most likely be set up in the header as a link back to the home page. Additionally, it's very likely those elements would be replaced with an image of a logo or something to click on.
In contrast, each of the ul elements would be setup as a main navigation menu, and even though there will probably be a link to the home(index.html) page within this menu as well, it's best practice to always have your logo navigate back to your home page too.
Hope this helps.