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

Posted by Hauwa Mahuta
Hauwa Mahuta
443 Points

Help!! Facebook and twitter icons wont appear in my footer

This is my code : <footer>

  <a href="https://twitter.com/mahoots_dchic"> <img src="img/twitter-wrap.png" alt="Twitter logo"></a>
  <a href="https://www.facebook.com/hauwasco"> <img src="img/facebook-wrap.png" alt="Facebook logo"></a>
<p>&copy; 2015 Mahoots Bakery</p>

</footer>
 Twitter and facebook logo dont appear in the webpage.

Thanks

2 Answers

Andreas Anastasiades
Andreas Anastasiades
2,916 Points
Andreas Anastasiades
Andreas Anastasiades
2,916 Points

At first glance I don't see a problem. Is your folder indeed img ? No caps? Are they .png or .jpg? Got some css or live example?

Hauwa Mahuta
Hauwa Mahuta
443 Points

Thanks for your reply. yes they are .png. What do you mean by got some css or live example? This is my full code it is all displaying except the footer part.

<!DOCTYPE html> <html> <head>

<title> Expert Baker| Mahoots Bakery</title>

</head> <body> <header>

<a href="index.html">
  <h1> Hauwa Mahuta </h1>
  <h2>Baker</h2>
  </a>
  <nav>
  <ul>
   <li> <a href="index.html">  Inside bakery </a> </li>
    <li><a href="About.html"> About Mahoots</a></li>
    <li><a href="Contact.html"> Contact us</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>Number 2 image </p>
 </a>
 </li>

 <li> 
 <a href="img/numbers-06.jpg">
 <img src="img/numbers-06.jpg" alt="">
 <p>Third image </p>
 </a>
 </li>


 <li> 
 <a href="img/numbers-09.jpg">
 <img src="img/numbers-09.jpg" alt="">
 <p>Image number 4 </p>
 </a>
 </li>


 <li> 
 <a href="img/numbers-12.jpg">
 <img src="img/numbers-12.jpg" alt="">
 <p>Final image </p>
 </a>
 </li>


  </ul>


</section>

<footer>

  <a href="https://twitter.com/mahoots_dchic"> <img src="img/twitter-wrap.png" alt="Twitter logo"></a>
  <a href="https://www.facebook.com/hauwasco"> <img src="img/facebook-wrap.png" alt="Facebook logo"></a>
<p>&copy; 2015 Mahoots Bakery</p>

</footer>

</body>

</html>

Andreas Anastasiades
Andreas Anastasiades
2,916 Points
Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Got some css as well? Also, can't help but notice there are no body tags, or is this due to pasting the code in here?

Since your code looks correct I'm guessing it's a css problem

Hauwa Mahuta
Hauwa Mahuta
443 Points

Thank you so much for your response. I restarted my computer and then all of a sudden it started working.

Kind regards, Hauwa.