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 Adam Parrott
Adam Parrott
3,055 Points

List Code Challenge ... What am I doing wrong?

I'm doing the code challenge for the HTML Lists section and cannot get past it! Step 5 which has me creating an ordered list nested in an unordered list is really messing with my head. I've done the code correct as far as I can tell. It refreshes in the preview window fine with an ordered list under "Shapes" in the unordered list. But I keep getting the "Bummer! Try adding your ordered list under 'Shapes'" dialog!

I'm starting to go insane. I took a screen capture of it but don't think I can upload images on this forum.

Please help! ~Adam

4 Answers

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.

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

Can you post the code that you have.

Adam Parrott
Adam Parrott
3,055 Points
Adam Parrott
Adam Parrott
3,055 Points 
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Lists Challenge</title>
  </head>
  <body>

    <h1>HTML Lists Challenge</h1>

    <!-- Write your code below -->

    <ol>
      <li>Stop</li>
      <li>Drop</li>
      <li>Roll</li>
    </ol>
    <ul>
      <li>Shapes</li>
        <ol>
        </ol>
      <li>Colors</li>
    </ul>

  </body>
</html>

And when I add some lists items to the ordered list, they appear just fine in the preview window ...

michaelfritch
michaelfritch
8,216 Points

That one is hard because the correct answer looks "odd".

<ul>
  <li>Shapes
    <ol>
    </ol>
  </li>
  <li>Colors</li>
</ul>
James Barnett
James Barnett
39,199 Points

Michael- (https://teamtreehouse.com/michaelfritch) - There's a reason Mike Morales didn't give away the answer when he replied 5 hours before you did. Providing answers without any explanation doesn't do anyone any favors.

michaelfritch
michaelfritch
8,216 Points

Understood, I'll try to be more verbose going forward. Thanks!

Adam Parrott
Adam Parrott
3,055 Points

No worries :) I had already gone back and figured out my error through the video before the spoiler ;) My confusion was just that it "looked" like it was doing the correct thing in the preview. Thanks everyone for your help :)

Mike Morales
Mike Morales
19,833 Points
Mike Morales
Mike Morales
19,833 Points

Adam -

I could easily give you the answer but that would take away all the fun on your end. However, Nick Pettit shows how to add that nested ordered list under shapes. You can find the answer at "HTML Lists - Ordered and Unordered." Your HTML code looks perfect but you have to open up your shapes list in order to include your ordered lists to make it a nested list.

Hope that helps, man?