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 trialOlivia Maison
2,327 Pointshelp 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 !
Olivia Maison
2,327 Pointsthere 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
2,327 PointsChristian 123
6,899 PointsYea 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
8,646 PointsI 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!
Christian 123
6,899 PointsChristian 123
6,899 PointsCan 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