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 Reinaldo Elliot
Reinaldo Elliot
Courses Plus Student 7,538 Points

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

Reinaldo Elliot
PLUS
Reinaldo Elliot
Courses Plus Student 7,538 Points
Reinaldo Elliot
Reinaldo Elliot
Courses Plus Student 7,538 Points

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
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

Reinaldo Elliot
PLUS
Reinaldo Elliot
Courses Plus Student 7,538 Points
Reinaldo Elliot
Reinaldo Elliot
Courses Plus Student 7,538 Points

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)

Reinaldo Elliot
PLUS
Reinaldo Elliot
Courses Plus Student 7,538 Points
Reinaldo Elliot
Reinaldo Elliot
Courses Plus Student 7,538 Points

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