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 Creating HTML Content Build the Footer

Facebook logo button

Hello, I did the code just as you said in the video, and my Facebook link works, but I don't have the pretty button to go with it.....has there been a change in how this is coded?

Hi Melissa,

Can you post your HTML and CSS please?



<footer> <a href="http://facebook.com/melissa.m.ashira"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2015 Melissa Bogolubov.</p> </footer>

2 Answers

Eric Thompson
Eric Thompson
9,858 Points

Hello Melissa, maybe you want to try moving your paragraph tags above your image links? See my example below.

<footer> <p>© 2015 Eric Thompson.</p> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt"Twitter Logo"></a> <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt"Facebook Logo"></a> </footer>

The one other problem I can think of is your facebook png file not being in your image folder. Did you drag and drop the file inside of the folder?

And make sure your index.html file is outside of the img folder (meaning, you can actually see the file sitting beneath your image folder in the left pane of the Workspaces browser).

EDIT: I am using Google Chrome as my browser.

Hello, thank you for your kind response. I did figure out what was wrong. The images I was referencing were not actually in the images folder.