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

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.