Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Build a Simple Website Text Editors and HTML Images and Lists

Error in the unordered list

"Add the items "About", "Cupcakes", and "Locations" to the unordered list."

What's wrong?

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Smells Like Bakin' Cupcake Company</title>
  </head>

  <body>
    <img src="img/cupcake.jpg" alt="yummy cupcake">
    <ul class="nav">
      <li><a href="#">About</a><li>
      <li><a href="#">Cupcakes</a><li>
      <li><a href="#">Locations</a><li>
    </ul>

  </body>
</html>
Larry Goodhue
Larry Goodhue
4,246 Points

Like this:

<ul>
<li>About</li>
<li>Cupcakes</li>
<li>Locations</li> 

I also believe you're supposed to add the anchor tag right after each <li>.

Larry Goodhue
Larry Goodhue
4,246 Points

Oh, and you're also supposed to end the <ul> tag with </ul>.

Larry Goodhue
Larry Goodhue
4,246 Points

Grrr. Like this:

<li><a href="#">About</a></li>
<li><a href="#"Cupcakes</a></li>
<li><a href="#">Locations</a></li> 
</ul> 

7 Answers

Pablo Litardo
Pablo Litardo
6,241 Points

Can you write in, how your typing the code.

Because unordered lists works like this'

<ul>
<li> About </li>
<li> Cupcakes </li> 
<li> Locations </li>
</ul>
James Barnett
James Barnett
39,199 Points

Luisa Langellotti - The code challenge is asking you to create a list item with just the text, it doesn't mention anything about making that text a link. If you drop the <a> element from each of them you should be good to go.

Hi Luisa,

We need some code here.

Jeff

I'm feeling reeeeally dumb

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> </head>

<body> <img src="img/cupcake.jpg" alt="yummy cupcake"> <ul class="nav"> <li><a href="#">About</a><li> <li><a href="#">Cupcakes</a><li> <li><a href="#">Locations</a><li> </ul>

</body> </html>

James Barnett
James Barnett
39,199 Points

Luisa Langellotti -

I edited your original post to fix the formatting on your code using markdown. To learn more about markdown check out this thread on how to type code in the forum for some examples.