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

Posted by Lou Costello
Lou Costello
2,232 Points

Adding own LinkedIn Icon, but image is broken?

Hey everyone,

I'm in the How To Build A Website track, Build the Footer.

I wanted to add a LinkedIn icon, instead of the twitter or facebook ones provided. I got the logo from LinkedIn's official site for marketing materials.

The image of the icon has been extracted from the zip folder, and when downloaded to treehoise workspaces, placed within the img folder with the other social media icons.

Can anyone tell me why my image keeps coming up as broken?

Thanks!

<footer>
  <a href="https://www.linkedin.com/in/heylou"><img src="img/in-2c-28px-tm.png" alt="Linkedin">Let's connect!</a>
  <p>&copy; 2014 Ashley Costello.</p>
</footer>

In my folder, the image is named "In-2C-28px-TM.png", which should match what I have...

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Files and paths are case sensitve on most webservers as they're generally Linux based. Here you say your picture is named In-2C-28px-TM.png but your code says it's named in-2c-28px-tm.png. Adjust either the capitalization in your code or in the name of your file and see if that doesn't clear it up!

Lou Costello
Lou Costello
2,232 Points

That was it! Did not know about the case sensitivity, I'll always remember now...

Thanks!