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.

CSS

Jon Coppock
Jon Coppock
7,685 Points

Social icons not displaying

Could you take a look at this personal web site that I'm building and tell me what might be wrong with the code.

Link: http://joncoppock.com/

The social icons are licence free, (although they will receive a tag crediting the creator) and they display when I preview my code from the desktop, but not on the loaded site.

Please help,

Cheers,

Jon

3 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,089 Points

Hi Jon,

When images are not showing it be down to one of a number of things,

  • Incorrect file path
  • Misspelled file name
  • The images files are in another folder
  • The images are not on the server at all.

If they're showing on your local hard drive but not on your server it could be that you still need to add the files to the server. :-)

Jon Coppock
Jon Coppock
7,685 Points

Hi Jonathan,

Thanks for getting back to me on this. I am looking into your bullet pointed list.

Cheers

Jon Coppock
Jon Coppock
7,685 Points

Hi Jonathan,

The problem was related to file path. I had put the icons in a separate file named icons, when I transferred them to the existing images file and corrected the file path in HTML they showed up. Thanks for your help in this matter.

link to updated site: http://joncoppock.com/

Cheers,

Jon