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 Adding Pages to a Website Add a New Page

twitter logo is a question mark in a box

Help! The Twitter logo is gone. Here is my HTML and CSS

        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"

footer {
  font-size: 0.75em;
  text-align: center;
  clear: both;
  padding-top: 50px;
  color: #ccc;

 .social-icon {
  width: 20px;
  height: 20px;
  margin: 0 5px;

I'm new so go easy on me...I can't find my mistake. Thanks in advance:)

I don't see your html, but if you are using an icon font, you will need to specify that font in your css.

Earl Collins
Earl Collins
998 Points

Hi I am new also, however, using your css code it is working fine for me. Is it possible to see your html code?

Wayne Priestley
Wayne Priestley
19,579 Points

Hey Louise,

I've edited your code so it appears correct in your post.
Here is a link to explain how to use Markdown to post your code How to post code

If you look at the bottom of the box when your typing a reply you will see Markdown Cheatsheet that will also explain how to post your code.

4 Answers

Wayne Priestley
Wayne Priestley
19,579 Points


Can you tell me a little about how you have things set up.
Is it like this:

. index.html file

. css folder with a style.css or main.css file inside

. a folder called image or img with all your images inside

No need to struggle along on your own with this, we can all help out :)

Thanks, I will try this tomorrow:) You have been very helpful

Wow!! Thanks for your help. I checked out my image folder and the twitter-wrap wasn't there...so I moved it into the file and it's fixed. I will learn the proper language and will try to use the Markdown next time. Thanks, again:)

Wayne Priestley
Wayne Priestley
19,579 Points

Hey Louise,

I'm not sure how you have your files organised but this may help, try changing your code to this.

<img src="../img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>

The code above will work if you have your css file in a css folder and your image is in a folder called img. The only thing I did was add ../ before img.

Thank you for your help. Wayne, I tried the your suggestion and it still isn't working. This is all new to me but I will keep trying..thanks everyone:)

Becky Castle
Becky Castle
15,294 Points

Or you may want to double-check what you named your image folder. Maybe it's actually "imgs" not "img", for instance. Your code looks good -- but the fact that a placeholder (aka a box w/ a question mark in it) is appearing, hints to me that you've misspelled something in this <img src="/img/twitter-wrap.png"> portion of your text, or you have your folder in a different location, like Wayne suggested.

Thanks so much...I will check this out tomorrow. You have been very helpful. I will let you know.