Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Sharing a Website Find a Domain

help with social media icon showing up

hello, my social media icon seemed to have dissapeared and turned into a broken link can anyone help me fix this? here is my coding :


and here is my website:


thank you so much to whomever helps me resolve this !

Christian 123
Christian 123
6,899 Points

Can you please fork your work space and edit your question so we can see your code. Or just enter all your code including Html and Css in your question (See markdown CheetSheet ) and message me

there is obviously other pages but the index is my social media page:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Olivia Maison</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Indie+Flower|Amatic+SC:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="veiwport" content="width-device-width, initial-scale-1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Olivia Maison</h1> <h2>Oleaginous</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"> <section> <h3>General Information</h3> <p>I am currently looking to learn as much as I can about the differnt areas of coding I am especially interested in ruby rails and java and developing apps later on </p> <p>Please feel free to contact me by email phone</p> </section> <section> <h3>Contact Details</h3> <ul class="contact-info"> <li class="phone"><a href="tel:322-3786">322-3786</a></li> <li class="mailto"><a href="mailto:olivebranchbaby95@gmail.com">olivebranchbaby@gmail.com</a></li> </ul> </section> <footer> <a href="http://facebook.com/olivia.maison"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a> <p>© 2016 Olivia Maison.</p> </footer> </div> </body> </html>

Christian 123
Christian 123
6,899 Points

Yea see when i click that it gives me a error. I don't think that's how you properly do that

1 Answer

Kevin D
Kevin D
8,621 Points

I think you put the file path wrong for the image.

Right now you have it like this:

<img src="img/facebook-wrap.png">

But it should be like this:

<img src="facebook-wrap.png">

There are two ways to resolve, this:

A. Change the image link to the second link (without the img path)


B. Re-place the image into the 'img' directory/folder

Hope that helps!