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

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,252 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