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

Jeremiah Kinser
Jeremiah Kinser
5,105 Points
Posted by Jeremiah Kinser
Jeremiah Kinser
5,105 Points

How do I get my Linkedin account logo to fully appear on result page? It's there to click but logo doesnt fully appear.

Down at the footer, I used a facebook and Linkedin account. The facebook works and logo shows up down at the bottom. The Linkedin works but doesnt fully show logo. How do I adjust for the Linkedin logo to show up as well?

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>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

5 Answers

Ahmad Abrar
Ahmad Abrar
9,133 Points
Ahmad Abrar
Ahmad Abrar
9,133 Points

--

<!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>
      <p>&copy; 2013 Nick Pettit.</p>
      <img src="img/facebook-wrap.png" alt="facebook-logo">
      <img src="img/twitter-wrap.png" alt="twitter-logo">
    </footer>
  </body>
</html>
Jeremiah Kinser
Jeremiah Kinser
5,105 Points
Jeremiah Kinser
Jeremiah Kinser
5,105 Points

I guess I should have made my question a bit better. I am in the CSS section now, so I have already created my footer links a while back. But I dont want to be okay with my Linkedin Logo not fully appearing there. There is an icon there to click and will take me to my Linkedin page, but not the logo. How do I get the Linkedin logo on there like I have my facebook logo. I tried: <img src="img/linkedin-wrap.png" alt="linkedin-logo"> but to no avail. It appears on my result page but not as a logo like the facebook one.

Ahmad Abrar
Ahmad Abrar
9,133 Points
Ahmad Abrar
Ahmad Abrar
9,133 Points

Did you save the LinkedIn Logo in your img folder ?

Jeremiah Kinser
Jeremiah Kinser
5,105 Points
Jeremiah Kinser
Jeremiah Kinser
5,105 Points

No I did not. Thanks. I'll get right on.

Ahmad Abrar
Ahmad Abrar
9,133 Points
Ahmad Abrar
Ahmad Abrar
9,133 Points

You welcome.