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 Michael Gaidas
Michael Gaidas
976 Points

Code Challenge:Html Lists 5/6 Help Please!

I can't seem to be able to nest a ordered list in the "shapes" tag. It wont let me move it without having an error. Please Help!

5 Answers

Ryan Carson
Ryan Carson
23,287 Points

You need to nest them like this ...

<ul>
  <li>Ryan
    <ol>
      <li>xyz</li>
    </ol>
  </li>
  <li>Gill</li>
</ul>
James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Also make sure you nested your <ol> inside of an <li>

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

Make sure you are doing an <ol> instead of a <ul>.

Michael Gaidas
Michael Gaidas
976 Points
Michael Gaidas
Michael Gaidas
976 Points

I need to add nested ordered list to the shapes list item. I have been watching the video over and can't seem to get it. Thank you for the responses but it is not seeming to work for me. May someone please show me how to do it if the it looks like this? (Code below) 

<ul>
  <li>Shapes</li>
  <li>Colors</li>
</ul>
Sharon Walls
Sharon Walls
9,234 Points
Sharon Walls
Sharon Walls
9,234 Points

When you nest a list, you essentially create a new list inside of a list (so, create a new list inside of "Shapes"). That means you need to open the Shapes list item:

<li>Shapes

Note that we're not closing the "li" tag yet. Then, create a new list underneath it. In this case, an ordered list (ol):

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
</ol>

Finally, close your "Shapes" list:

</li>

So your final code will look like:

<ul>
    <li>Shapes
        <ol>
            <li>Item 1</li>
            <li>Item 2</li>
        </ol>
    </li>
    <li>Colors</li>
</ul>

I hope that helps.