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 Kevin Lee
Kevin Lee
1,238 Points

Code Challenge: HTML Lists

Hi Forum,

Instructions:

Add a nested ordered list to the "Shapes" list item.

Error Message to above coding states:

Try adding the ordered list inside the list item "Shapes"

Can anyone please help me? Thanks!

8 Answers

Paul Dietrich
Paul Dietrich
4,557 Points

If, for example, you have an unordered list with two list items (i.e., Shapes and Colors), and you want to make a nested ordered list to "Shapes", you do the following:

<ul>
  <li>Shapes
   <ol>
    <li>Items</li>
   </ol>
  </li>
</ul>
Paul Dietrich
Paul Dietrich
4,557 Points
Paul Dietrich
Paul Dietrich
4,557 Points

Yes, don't close the < li> tag right after "Shapes". You must close it AFTER you're done with the ordered list within Shapes.

:)

Charles Watson
Charles Watson
3,173 Points
Charles Watson
Charles Watson
3,173 Points

make sure your list item is nested inside the ordered list

<ol>
  <li>Item</li>
</ol>
Marcus Collins
Marcus Collins
941 Points
Marcus Collins
Marcus Collins
941 Points

Yes I have done this dozens of times and I can still not move forward! Its driving me crazy! <li>Shapes <ol> <li>item</li> </ol> </li>

Erik Eggers
Erik Eggers
3,835 Points
Erik Eggers
Erik Eggers
3,835 Points

I am having the same exact issue.

Jared Verbeke
Jared Verbeke
1,145 Points
Jared Verbeke
Jared Verbeke
1,145 Points

EDIT: Follow Pauls advice above and leave Shapes list tag open!

I think this is broken. Can a moderater help out here? Below is my code... <title>HTML Lists Challenge</title> </head> <body>

<h1>HTML Lists Challenge</h1>
<ol>
  <li>Stop</li>
  <li>Drop</li>
  <li>Roll</li>
</ol>
<ul>
  <li>Shapes</li>
        <ol>
            <li>Nest</li>
        </ol>
  <li>Colors</li>
</ul>

<!-- Write your code below -->

</body> </html>

Kevin Hanson
Kevin Hanson
903 Points
Kevin Hanson
Kevin Hanson
903 Points

Wow it took me forever before I finally remembered the principle that states, "the last tag you open is the first one you close," even after reading Pauls correct instructions. Thus, you wouldn't close the < li> tag after shapes before you closed to < ol> tag. Thanks Paul.

Paul Dietrich
Paul Dietrich
4,557 Points
Paul Dietrich
Paul Dietrich
4,557 Points

No problem!