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

Posted by tiara breed
tiara breed
7,242 Points

I'm stuck on a Challenge question. I feel that it is correct. Could the program have a connection problem

I don't know what I am doing wrong

index.html 
<!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>
          <a href="img/numbers-01.jpg">
          <img src="img/numbers-01.jpg" alt="">
        </Li>
        <Li>
          <a href="img/numbers-02.jpg">
          <img src="img/numbers-02.jpg" alt="">
        </Li>
        <li>
         <a href="img/numbers-06.jpg">
         <img src="img/numbers-06.jpg" alt=""> 
        </Li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Polo Moreno
Polo Moreno
11,782 Points

you need add your css code

this code represent your styles in you web site

example:

<head> <meta charset="utf-8"> <title>Nick Pettit</title> <link rel="stylesheet" href="css/main.css"> </head>

css / is the ubication of your css documention

main.css: is the name of css documention

6 Answers

Marcus Parsons
Marcus Parsons
15,719 Points

Hey Tiara,

There are just a couple problems with your code. The main problem for the challenge is that you have unclosed links right before your images. You need to delete each of those links because the challenge only asks you to put images in to the list. You also have a capital L in your </Li> and these should always be lower case. 

    <section>
      <ul>
        <li><img src="img/numbers-01.jpg" alt=""></li>
        <li><img src="img/numbers-02.jpg" alt=""></li>
        <li><img src="img/numbers-06.jpg" alt=""></li>
      </ul>
    </section>
tiara breed
tiara breed
7,242 Points

I really appreciate you! Thank you! I was getting so fustrated

Marcus Parsons
Marcus Parsons
15,719 Points

Always happy to help! Happy Coding! :)

tiara breed
tiara breed
7,242 Points

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Tiara Breed | Designer</title>

<link rel="stylesheet" href="css/normalize.css">

<link rel="stylesheet" href="css/main.css">

</head>

<body>

<header>

  <a href="index.html">

    <h1>Tiara Breed</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>

      <a href="img/numbers-01.jpg">

        <img src="img/numbers-01.jpg" alt="">

        <p>Experimentation with color and texture.</p>

      </a>

    </li>

 <li>

    <a href="img/numbers-02.jpg">

      <img src="img/numbers-02.jpg" alt="">

      <p>Playing with blending mode 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>

  <a href="http://twitter.com/greeneyesnoenvy"><img src"img/twitter-wrap.png" alt="Twitter logo"></a>

  <a href="http://facebook.com/bebe.marie545"><img src"img/facebook-wrap.png" alt="facebook logo"></a>

  <p>&copy; 2015 Tiara Breed.</p>

</footer>

</body>

</html> I just copied and pasted my website so far. Why aren't my images showing up?

Marcus Parsons
Marcus Parsons
15,719 Points

If you're working on this in Workspaces, can you please post a snapshot of your Workspace? If you don't know how to do that, check out this post: http://www.teamtreehouse.com/forum/workspace-snapshots

Polo Moreno
Polo Moreno
11,782 Points
Polo Moreno
Polo Moreno
11,782 Points

yo need igual symbol in your src.

<a href="http://twitter.com/greeneyesnoenvy"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>

<a href="http://facebook.com/bebe.marie545"><img src="img/facebook-wrap.png" alt="facebook logo"></a>

tiara breed
tiara breed
7,242 Points
tiara breed
tiara breed
7,242 Points

I already have one

Marcus Parsons
Marcus Parsons
15,719 Points

I see what Josue is saying. In your footer, you are missing an = sign in both your Facebook and Twitter images for the "src" attribute.

tiara breed
tiara breed
7,242 Points
tiara breed
tiara breed
7,242 Points

Http://w.trhou.se/e67xg8gjtz

tiara breed
tiara breed
7,242 Points
tiara breed
tiara breed
7,242 Points

Anytime I save and refresh, I don't see any changes. I'm doing Css now and don't see a background color change when I saved and refreshed. Could it be the computer I'm using?

Marcus Parsons
Marcus Parsons
15,719 Points

You may have to delete your internet history, including the cache as the browser may be caching your site. Anytime you save (and have no errors in the document), you should delete your history and then refresh. If the situation persists, then there is an error in your document.

Speaking of that, I'm still seeing the error we mentioned in your workspace. These lines are missing = in the snapshot:

      <a href="http://twitter.com/greeneyesnoenvy"><img src"img/twitter-wrap.png" alt="Twitter logo"></a>
      <a href="http://facebook.com/bebe.marie545"><img src"img/facebook-wrap.png" alt="facebook logo"></a>

They are missing an = sign after "src" in the <img> elements:

      <a href="http://twitter.com/greeneyesnoenvy"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
      <a href="http://facebook.com/bebe.marie545"><img src="img/facebook-wrap.png" alt="facebook logo"></a>
tiara breed
tiara breed
7,242 Points
tiara breed
tiara breed
7,242 Points

Http://w.trhou.se/kkzpqjcnhz . I fixed It. I'm going to try and go to the library and see if it presists. Do u see any error in my doc. I'm not seeing my images at all

Marcus Parsons
Marcus Parsons
15,719 Points

Your images are showing up fine. Did you delete your internet history? Be sure to do a full clean, not just the past hour or whatever else it might say and be sure to include the cache in there.