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

Tyler Jensen
Tyler Jensen
3,783 Points

Missing Social Icons

I have the same code as the video, but the facebook and twitter icons are not loading.

Any ideas?

1 Answer

Show your code? The veterans here will help you, but they will want to see your code for themselves. ;-)

Until then, here are couple things to check:

Your code may have a missing bracket, closing tag, or so on. I sometimes find stuff like that in my "perfect" (but broken) html.

Could there be a mistake in your href attribute?

Did you point your browser to twitter.png ? It's not the more familiar .jpg! Same for the Facebook icon.

Your file structure may not be set up the same as the example, making your href attribute point to where your twitter.png isn't.

"/img/twitter.png" tells your browser to look for a file called "twitter.png" in a folder called "img", which is next door to the "index.hml" file. This is correct if your index.html file and your "img" folder are "siblings" (i.e., sitting right next to each other in the same "parent" folder.)

"../img/twitter.png" tells your browser to go up one level, then find the folder "img" and look inside it for the "twitter.png" file. This is correct if you have a separate folder where you keep all of your images, next to the folder your project is in.

I hope one of these is it, so you can move on.