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 Responsive Web Design and Testing Build a Three Column Layout

Posted by Bryan Castillo
Bryan Castillo
2,484 Points

Icons disappeared in code

For some reason my icons disappeared in my code. Any ideas?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Crabby Jacks Gym</title> <link rel="stylesheet" href="css/normalize.css"> <link href="https://fonts.googleapis.com/css?family=Changa+One|Ravi+Prakash" rel="stylesheet"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Crabby Jacks Gym</h1> <h2>THE GLORIOUS HOUSE OF GAINS</h2> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="About.html">About us</a></li> <li><a href="checkgym.html" class="selected">Check Out Our Gym</a></li> </ul> </nav>
</a> </header> <div id="wrapper"> <section id="primary"> <h3> Welcome to the glorious house of gains! Here we make gains and speak of gains. </h3> </section> <section id="secondary"> <li class="contact-info"> <li class="phone"><a href="tel:555-55-5555">555-55-5555</a></li> <li class="mail"><a href="mailto:brolibarks2much@live.com">brolibarks2much@live.com</a></li> <li class="twitter"><a href="https://twitter.com/brolibarks">@brolibarks</a></li>

  <section>

  </section>
    <footer>
      <a href="https://twitter.com/brolibarks"><img src="img/twitter.png" alt="twitter logo" class="social-icon"></a>
      <a href="https://www.youtube.com/watch?v=NSnAvhvfniw"><img src="img/facebook-wrap.png" alt="Facebook logo" class="social-icon"></a> 
    <p>
    &copy; 2017 Bryan Castillo.</p>
    </footer>
  </div>
</body>

</html>

2 Answers

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

Do you mean the social media icons?

Your code is looking for them in a folder named "img" — are you sure that's where they are?

To enable a complete an accurate analysis, make a snapshot of your workspace and post the link to it here.

Bryan Castillo
Bryan Castillo
2,484 Points

https://w.trhou.se/u88m3klkq1

Bryan Castillo
Bryan Castillo
2,484 Points
Bryan Castillo
Bryan Castillo
2,484 Points

Yes I have the img file. Whats weird is that when I switch the <ul> to <li> in the checkgym.html it'll show the icons but have them in random spots.