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

Posted by Douglas Rouse
Douglas Rouse
899 Points

code

I research some code changed the social media code around and there is no errors showing . when I recheck it. It's coming up 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>
          <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>
      <a href="http://twitter.com" target="rouse_doug"><img src="img/twitter-wrap.png" alt="" class="social-icon"></a>
      <a href="http://facebook.com" target="dougrouse"><img src="img/facebook-wrap.png" alt=""class="social-icon"></a>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

matth89
matth89
17,826 Points
matth89
matth89
17,826 Points

Add "twitter" and "facebook" to your alt attributes and see if it passes. If I remember correctly, it won't pass with the values empty.

Justin Schellenberg
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Justin Schellenberg
Python Development Techdegree Graduate 38,298 Points
Justin Schellenberg
.a{fill-rule:evenodd;}techdegree seal-36
Justin Schellenberg
Python Development Techdegree Graduate 38,298 Points

As what matt said the challenge requires you to have text in the alt links, Here is an example using the code you posted above. 

<footer>
      <a href="http://twitter.com" target="rouse_doug"><img src="img/twitter-wrap.png" alt="requireTextHere" class="social-icon"></a>
      <a href="http://facebook.com" target="dougrouse"><img src="img/facebook-wrap.png" alt="requireTextHere" class="social-icon"></a>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
Douglas Rouse
Douglas Rouse
899 Points
Douglas Rouse
Douglas Rouse
899 Points

thanks