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 Add Social Media Links

dixon labarrera
dixon labarrera
589 Points
Posted by dixon labarrera
dixon labarrera
589 Points

What is wrong?

This excersice is asking me to add the images of twitter and facebook logos in the footer, i am doing it but it says it is wrong. I made it in a personal workspace and it works just fine. So whats the error here?

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>
          <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>
    <footer>
      <img src="img/twitter-wrap.png" alt="">
      <img src="img/facebook-wrap.png" alt="">
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points
Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

Hi dixon labarrera, I also had this problem in my code when I made my website. It took me a while but in the end, what works best is to just recheck your links to your pictures. If it is the link, it could be as easy as misspelling the link, improper punctuation, or upper case letters VS. lower case letters. Also check the css to make sure there isn't any code preventing the pictures from working. In my error, the mistake was as simple as not having the pictures in the proper file so make sure that the links take you to the location of the pictures. I hope this helped

Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points
Rodrigo Alarcon
Rodrigo Alarcon
8,028 Points

I took a shot at your challenge and used the code exactly as you did and as expected, I got an error. But for this specific challenge, its a simple fix. All I had to do was add some alternate text where it belongs. If that doesnt work then try going through my previous post.

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Rodrigo is correct. You've missed this line in the instructions. "Be sure to include an appropriate alternate attribute for each."

dixon labarrera
dixon labarrera
589 Points
dixon labarrera
dixon labarrera
589 Points

You were right guys!! it was so simple, i am sorry but english isnt my native and sometimes i get confused! thank you!!