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 trialmary shemerdiak
502 PointsI don't know what is wrong with this code. How to make a website - Link each on the ul to index.htm., about.html....
Help, I'm having trouble getting past this point
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nick Pettit</title>
</head>
<body>
<header>
<a href="index.html"><nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<h1>Nick Pettit</h1>
<h2>Designer</h2>
</a>
</ul>
</nav>
</header>
<section></section>
<footer>
<p>© 2013 Nick Pettit.</p>
</footer>
</body>
</html>
Steven Parker
231,210 PointsThe separate line isn't important - but having the "a" tag and the "nav" tag overlap is not valid HTML.
1 Answer
Christopher Gilbert
6,239 PointsNot used to comment formatting so please pardon the dust
Hi Mary,
Upon examining your code I see that you listed your <nav> element and the <ul> elements inside the <ahref="index.html"> tag and just above the <h1> and <h2>. I believe that is where your conflicts are occurring. Try moving your code between the closing </a> tag and the closing </header> tag. You can reference the code here for a guide if you are still stuck.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nick Pettit</title>
</head>
<body>
<header>
<a href="index.html">
<h1>Nick Pettit</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section></section>
<footer>
<p>© 2013 Nick Pettit.</p>
</footer>
</body>
</html>
Daniel Koenig
6,789 PointsDaniel Koenig
6,789 PointsHi Mary!
It looks like for this challenge you added opening <nav> tag on the same line as the <a href="index.html"> tag under the <header> tag. The <nav> tag should be on its own separate line. You may also want to move the entire nav section under the existing </a> tag.
Here is what I had as the solution:
I hope this helps!