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 Sharing a Website Find a Domain

Posted by Olivia Maison
Olivia Maison
2,327 Points

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 :

https://teamtreehouse.com/workspaces/16551202#

and here is my website:

http://port-80-pjp1p19nch.treehouse-app.com/

thank you so much to whomever helps me resolve this !

Christian 123
Christian 123
6,899 Points
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

Olivia Maison
Olivia Maison
2,327 Points

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>

Olivia Maison
Olivia Maison
2,327 Points

https://teamtreehouse.com/workspaces/16963542

Christian 123
Christian 123
6,899 Points
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,646 Points
Kevin D
Kevin D
8,646 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)

OR

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

Hope that helps!