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 Alexandra Russo
Alexandra Russo
971 Points

Can't get passed the Nested List Challenge

Hi - I can't seem to get passed the HTML Nested List Challenge for nesting "Square" and "Circle" under Shapes. Here's the code I'm using: <ul> <li>Shapes</li> <li> <ol> <li>Square</li> <li>Circle</li> </ol> </li> <li>Colors</li> </ul>

My only problem here is that a bullet point is still appearing with Square, even though the number 1 also appears. Would greatly appreciate anyone's input!

6 Answers

Wayne Priestley
Wayne Priestley
19,579 Points

So you seem to have done it right but its not working out.

try entering your code here codepen then select the cog icon top left and analyse html button at the bottom of the box that appears.

you can change things for lists using css but i don't think the challenge would except that.

hope this helps Alexandra

(apologies for miss spelling your name earlier)

Wayne Priestley
Wayne Priestley
19,579 Points

if you don't get any joy, just say and i'll try to think of something else.

Wayne Priestley
Wayne Priestley
19,579 Points

Here is your code, I've put it in cope pen and the numbers came back 1 & 2, so it may just be a temp glitch in the challenge.

<ul>
  <li>shapes</li>
  <ol>
    <li>square</li>
    <li>circle</li>
  </ol>
  <li>color</li>
</ul>
Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Alexandria

If you can paste the whole question and the code in here I'm sure we can get you sorted. Even a link to the actual challenge would do.

:)

Alexandra Russo
Alexandra Russo
971 Points
Alexandra Russo
Alexandra Russo
971 Points

Hi, sure thing! The question is as follows: "Add the items "Square" and "Circle" to the list nested under "Shapes". Here's the link to the question: http://teamtreehouse.com/library/html/lists/html-lists

And here's the code I have that isn't working: '''html <ul> <li>Shapes</li> <li> <ol> <li>Square</li> <li>Circle</li> </ol> </li> <li>Colors</li> </ul> ''' Thank you!

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Alexandria,

So it it something like this?

<ul>
<li>black</li>
<li>blue</li>
      <ul>
        <li>pink</li>
        <li>red</li>
      </ul>
<li>white</li>
</ul>

i think it may be what your looking for, adding a list within a list sort of thing.

Wayne Priestley
Wayne Priestley
19,579 Points

Your link only took me to the first challenge which was to make a list so i didn't see you actual challenge.

Alexandra Russo
Alexandra Russo
971 Points
Alexandra Russo
Alexandra Russo
971 Points

Hi Wayne, I used the direct link for the challenge so I'm not sure why it's coming up as the first challenge. It's actually the sixth one.

That is what I'm looking for except for one thing - I'm adding an ordered list to an unordered list. Everything is turning up fine except for the numbering: both Square and Circle are appearing as "1." even though they're on different lines. The code I have now is: '''html <ul> <li>Shapes</li> <ol> <li>Square</li> <li>Circle</li> </ol> <li>Colors</li> </ul> '''

Alexandra Russo
Alexandra Russo
971 Points
Alexandra Russo
Alexandra Russo
971 Points

It worked perfectly - thank you for all your help! I think you were right in that it was a technical glitch but by copying yours exactly, I was finally good to go. Thanks again, and now worries about the name misspell!