Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Beginner HTML track issues

http://teamtreehouse.com/library/html/lists/html-lists

Getting a error not sure what I'm doing wrong I have the code like this but it's saying its wrong

<ul>
    <li>Shapes</li>
        <ol>
           <li>circle</li>
           <li>square</li>
        </ol>
</ul>

It shows the list nested in the visual preview but when I submit the work it's saying try again? I'm now extremely confused.

4 Answers

I just wrote up the code exactly how I have it but for some reason it did not show up in my post where is says shapes circle square there is html code there in the original post I can't figure out how to screen shot and post it here so you can see what I'm talking about maybe I can't do that on my ipad.

James Barnett
James Barnett
39,199 Points

Building a nested list is fairly simple. Determine where a nested list should appear, and rather than closing a list item, begin a new list. Once the nested list is complete, close the wrapping list item and continue on with the original list.

<ol>
  <li>Walk the dog</li>
  <li>Fold laundry</li>
  <li>Go to the grocery and buy:
    <ul>
      <li>Milk</li>
      <li>Bread</li>
      <li>Cheese</li>
    </ul>
  </li>
  <li>Mow the lawn</li>
  <li>Make dinner</li>
</ol>

source: http://learn.shayhowe.com/html-css/ordered-unordered-definition-lists#nested-lists

Ok so the closing of my list is the issue? So indenting the new list so that it becomes a child of the parent list is not the correct way to achieve this? So my code should actually look like this?

<ul> <li>Shapes(leave the item open by not adding anything) <ol> <li>Circles</li> <li>Squares</li> </ol> </li>(close the Shapes list item here)

Thank you James you were able to help me resolve my issue and show my where I was falling short thank you.