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 Styling Web Pages and Navigation Polish the Navigation and Footer

Pauline Hilborn
Pauline Hilborn
3,879 Points
Posted by Pauline Hilborn
Pauline Hilborn
3,879 Points

Icon Size - How do I get them to be all consistent?

I found an icon for LinkedIn, because I want one of the footer links to be directed to my LinkedIn page. I have the Facebook-wrap.png file from the img files, and noticed it was 60x60 pixels. I went into Photoshop and adjusted the size of the LinkedIn icon to also be 60x60, but when I preview my webpage, the LinkedIn logo is much smaller. Can you explain why this is happening even though both are sized at 60x60px and how to correct this?

1 Answer

elk6
elk6
22,916 Points

This could be multiple things. But my guess would be that the resolution on the images is different. Open them both in PS and make sure your resolution is the same by going to image -> image size. Then save them for web in the same width and height and make sure you aren't doing anything different in your html / css as well. Good luck. Let me know if this doesn't work out and we'll check other things. :)