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 Adding Pages to a Website Add Iconography

Travis Eubanks
Travis Eubanks
12,566 Points
Posted by Travis Eubanks
Travis Eubanks
12,566 Points

Cant seem to get my images to show on the contact page next to links. please help! THANK YOU

HTML

<!doctype html> <html> <head> <meta charset="utf-8"</head> <title>Travis Eubanks | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Exo:400,200italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">

</head>

<body>
  <header>
    <a href="indext.html" id="logo">
    <h1>Travis Eubanks</h1>
    <h2>Mobile&amp;Web App developer/Designer/Wordpress</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" class="selected">Contact</a></li>
      </ul>
    </nav>
    </header>

  <div id="wrapper">
    <!-- div helps contain a section of elements to help style- id gives that div a name that can only be used once.-->
  <section>
    <h3>General information</h3>
    <p>Im currently looking for new work! If you have any questions or inquires for me please don't hesitate to contact me.</p>
    <p>Please only use phone contact for urgent contact, otherwise facebook, email and Twitter are the best ways to contact me.</p>

  </section>
    <section>
    <h3>Contact Details</h3>
      <ul class="contact-info">
        <li class="phone"><a href="tel:847-508-8751">847-508-8751</a></li>
      <!--by using the tel:#### when the user is on a smart phone it can click on it and it will automatically dial that number followed for them-->
        <li class="mail"><a href="mailto:travmeubanks13@gmail.com">travmeubanks13@gmail.com</a>               </li>
        <li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=teubanks">@teubanks</a></li>
        <!--this twitter link directs the user directly to leaving a tweet to you rather than just the twitter page-->
      </ul>
  </section>


  <footer>
    <a href="http://facebook.com/travis"> <img src="img/facebook-wrap.png" alt="facebook logo"

class="social-icon"></a> <p>Ā© 2014 Travis Eubanks</p> <!--linked to your facebook when facebook logo is clicked. Can do this with as many social media links or any link--> </footer> </div> </body> </html>

1 Answer

Zhihao Wang
Zhihao Wang
9,687 Points
Zhihao Wang
Zhihao Wang
9,687 Points

Hello Travis,

Here is your old code for your img: 

 <a href="http://facebook.com/travis"> <img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon">

Now the code for the image is fine, just double check your source to make sure that you didn't leave out any capitalization, direct it to a wrong folder, or spell anything incorrectly.

On another note, you do need to close you anchor tag.

 <a href="http://facebook.com/travis"> <img src="img/facebook-wrap.png" alt="facebook logo" class="social-icon"></a>

Hopefully that fixes your problem!

Cheers.