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 How to Make a Website Creating HTML Content Organize with Unordered Lists

I am getting this error list items (<li></li>) to the unordered list. So I know there is something wrong please help

I do not know whats wrong with code... please help

index.html
<!DOCTYPE HTML>
  <html>
    <head>
      <meta charset="utf-g">
      <title>Seketha Peak|Developer</title>

    </head>
    <body>
      <header>
        <A href="INDEX.HTML">
       <h1>Seketha Peak </h1>
        <h2>Developer</h2>
          </a>
        <nav>
          <UL>
            <li><a href="index.html">Portfolio</a></li>
            <li><a href="about.html">About</a></li> 
            <li><a href="Contact.html">Contact</a></li>                  

          </UL>
        </NAV>
      </header>
      <section>
        <ul>
          <li>
            <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt= "">
            <p>Experimentation with Color and Texture</p>
              </a>
          </li>

          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt= "">
            <p>Playing with blending modes in Photoshop</p>
              </a>
          </li>
          <li>

          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt= "">
            <p>Trying to create an 80's style of glows</p>
              </a>
            </li>
        <li>

          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt= "">
            <p>Drips Created using photoshop brushes</p>
              </a>
           </li>
        <li>

          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt= "">
            <p>Creating shapes using repetition</p>
              </a>
           </li>





        </ul>


      </section>
      <footer>
        <p>&copy;  2014 Seketha Peak</p>
      </footer>

      </body>



  </html>

2 Answers

Stephen Fowles-White
Stephen Fowles-White
10,457 Points

Hi

I'm not if you are ahead on the on the challenges but the above has too many images for the task. Also I would look at each of your list items in the code as you open a <li> tag and there is one that does not have a </li> closing tag. But I looked at the task and this code worked. Hope it helps and shows you what I meant by the closing and opening of tags.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> </head> <body> <header> <a href="index.html"> <h1>Nick Pettit</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <img src = "numbers-01.jpg" alt = ""> </li> <li> <img src = "numbers-02.jpg" alt = ""> </li> <li> <img src = "numbers-06.jpg" alt = ""> </li> </ul> </section> <footer> <p>© 2013 Nick Pettit.</p> </footer> </body> </html>

Stephen Fowles-White
Stephen Fowles-White
10,457 Points

I did not expect the code to copy and paste like this, if you copy it space it out it will look a lot better and pass the coding challenge.

Steven Parker
Steven Parker
231,198 Points

For proper code formatting, use the instructions found in the Markdown Cheatsheet pop-up below the answer section. :arrow_heading_down:

thank you Stephen Fowles-White that worked

Steven Parker
Steven Parker
231,198 Points

You seem to have added things the instructions did not ask for.

I'm not sure if you're on task 1 or 2, but task 1 says to create a list "with three blank list items." Even if you have gone past task 1, your code has five items, not just 3. And if you're on task 1, they certainly aren't "blank". Also be careful to match up your starting tags ("<li>") with ending tags ("</li>").

On the other hand, if you're on task 2, the instructions say "don’t add any captions or links." But all your images are enclosed in links and have paragraph captions! (Plus you still have too many of them).

Start over, and do only what the instructions ask for.