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 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?

Thanks

-Rich

<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.