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

HTML

Posted by Heidi S Wolff
Heidi S Wolff
12,757 Points

Place the <ul> element inside an element that represents a major section of navigation. What am I doing wrong?

<!DOCTYPE html> <html> <head> <link href="styles.css" rel="stylesheet"> <title>My Portfolio</title> </head> <header> <body> <nav> <ul> <li><a href="#">About</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header>

<intro>
<h1>My Web Design &amp; Development Portfolio!</h1> 
<p>A site featuring my latest work.</p>
</intro>
<section>
<h2>Welcome</h2> 
<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
<ul>
  <li><a href="#">Recent project #1</a></li>
  <li><a href="#">Recent project #2</a></li>
  <li><a href="#">Recent project #3</a></li>     
</ul>
</section>
<footer>
<p>&copy; 2017 My Portfolio</p>
<p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>

</body> </footer> </html>

allen chiwera
allen chiwera
2,318 Points

u ddnt close tha body tag

2 Answers

Steven Parker
Steven Parker
242,796 Points
Steven Parker
Steven Parker
242,796 Points

You didn't provide a link to the challenge, and I'm not quite sure what you've done for this step. The container of the ul element in the header seems to be correct, but the instructions only say to enclose the ul and there is also an h2 and a p in the same container.

But what catches my eye is something that does not seem to be related to this step: It's after the header where you have an <intro> element. I'm not aware of any actual HTML element type with that name.

Heidi S Wolff
Heidi S Wolff
12,757 Points

I have a <nav> element followed by a header element after the <ul> tag on the bottom. A <header> element followed by a <nav> element on top of the <ul> tag.

Heidi S Wolff
Heidi S Wolff
12,757 Points

It worked. Finally.

Gustavo Nuñez
Gustavo Nuñez
7,566 Points

I need help on the same topic, I´m stuck here: https://teamtreehouse.com/library/html-basics-2/structuring-your-content/structuring-content-challenge

the question: Finally, place the top <ul> inside an element that represents a major section of navigation.

!DOCTYPE html> <html> <head> <link href="styles.css" rel="stylesheet"> <title>My Portfolio</title> </head> <body>

<header>
<ul>
  <li><a href="#">About</a></li>
  <li><a href="#">Work</a></li>
  <li><a href="#">Contact</a></li>            
</ul>
</header>

<section>
<h1>My Web Design &amp; Development Portfolio!</h1> 
<p>A site featuring my latest work.</p>

<h2>Welcome</h2> 
<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
  <nav>
<ul>
  <li><a href="#">Recent project #1</a></li>
  <li><a href="#">Recent project #2</a></li>
  <li><a href="#">Recent project #3</a></li>     
</ul>
</nav>
</section>
<footer>
<p>&copy; 2017 My Portfolio</p>
<p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
</footer>

</body> </html>

I don´t know what "major section of navigation" element is referring to.

Help please!!!

Rhon Munsayac
Rhon Munsayac
5,014 Points
Rhon Munsayac
Rhon Munsayac
5,014 Points

You have to declare a "major section of navigation" by using <nav></nav>

<!DOCTYPE html> <html> <head> <link href="styles.css" rel="stylesheet"> <title>My Portfolio</title> </head> <body>

<header>
  <nav>
  <ul></ul>
  <h1></h1>
  <p></p> 
  </nav>
</header>

<section> <ul> <li><a href="#">About</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li>
</ul> <h1>My Web Design & Development Portfolio!</h1> <p>A site featuring my latest work.</p>

<h2>Welcome</h2> 
<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
<ul>
  <li><a href="#">Recent project #1</a></li>
  <li><a href="#">Recent project #2</a></li>
  <li><a href="#">Recent project #3</a></li>     
</ul>

<p>&copy; 2017 My Portfolio</p>
<p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>

</body> </section> <footer> <ul></ul> <h1></h1> <p></p> </footer> </html>