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

Loe van Montfort
Loe van Montfort
589 Points
Posted by Loe van Montfort
Loe van Montfort
589 Points

Bug regarding facebook/twitter (wrap)images

When I put the Facebook/twitter images in they show up in the preview, in the img map the preview just shows the directory.

On the site I get the icons when I link to them from the main directory, but when I put them in the folder "img" and link tot them the site doesn't show anything.

5 Answers

Paul Hubbard
Paul Hubbard
5,818 Points
Paul Hubbard
Paul Hubbard
5,818 Points

Hey! I just downloaded the files and the code is running fine on my end. I would suggest saving your progress and shutting down and reloading workspaces. If that doesn't work, you can try to download your own images and put them in the folder, or just create a new folder and load them in there. I've found a couple of images that are the same size but different styles than the original images. Or (if it's really bugging you that you don't have the images because it would bug me.) you could link them as an image src by just copying and pasting the web links I've provided below and putting them in between the image src quotations. It's not exactly what the lesson is telling you to do, but it seems like you put the correct answer, and it might just be a glitch. Fingers crossed and good luck!

facebook image: http://findicons.com/files/icons/2364/social_bookmarking_01/60/facebook_60x60px.png

twitter image: http://img1.wikia.nocookie.net/__cb20120723102709/animalcrossing/images/3/33/60px-Logo_Twitter.png

Paul Hubbard
Paul Hubbard
5,818 Points
Paul Hubbard
Paul Hubbard
5,818 Points

Hello! If I had to guess what the problem might be, I would say that you might not have added the img folder to the beginning of the source "facebook-wrap.png". it should read

 <img src="img/twitter-wrap.png " alt="Twitter logo">

and the Facebook should read

<img src="img/facebook-wrap.png " alt="Twitter logo">

If you've written these correctly, and the images are in the img folder, and it still isn't working, I would suggest that you download the project files again and replace the old img folder with the new one. I hope this was helpful, and let me know if you have any more problems.

Loe van Montfort
Loe van Montfort
589 Points
Loe van Montfort
Loe van Montfort
589 Points 
        <a href="https://www.twitter.com"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
        <a href="https://www.facebook.com"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
        ```


should be ok right? I think it is a bug because the images don't show in the img folder but do in the main directory.

have redownloaded and uploaded but problem is still there, it isn't a huge issue so im just continuing, but I think something is broken somewhere.
ryan sharp
ryan sharp
531 Points
ryan sharp
ryan sharp
531 Points

Hello!

I was having trouble making the twitter and Facebook logos appear on the page, my links worked fine it was just the image that was bugged. I was writing the code as <img src="img/twitter-wrap.png as shown in the tutorial.

I found that the file I uploaded was written <img src"img./twitter-wrap.png. After placing the " . " in the appropriate place it seemed to work fine, not sure if this is correct I'm a total beginner and please correct me if I'm wrong but it seemed to work okay for me.

Jeremy Pettibone
Jeremy Pettibone
413 Points
Jeremy Pettibone
Jeremy Pettibone
413 Points

For some reason, these twitter and facebook icons have broken my workspace. It keeps telling me connection lost, even though my connection is fine. It seems to trigger every time I preview one of these icons. And they will not show up on the published project. I've tried replacing them with other files, and had identical results. I get stuck in a loop of workspace disconnections.

Mariella Greiml
Mariella Greiml
365 Points
Mariella Greiml
Mariella Greiml
365 Points

I also have trouble with those SoMe icons. Whenever I drag them into the sidebar of the workspace it freezes for approx. 10 seconds, then it all works but as soon as I drag the images into the img folder there's no preview. When I try dragging another image inside the folder the first one just disappears from the folder completely! Seems like my workspace just swallows those image files..