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
Louise Blalock
Courses Plus Student 9,818 Pointstwitter logo is a question mark in a box
Help! The Twitter logo is gone. Here is my HTML and CSS
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"
class="social-icon"></a>
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:)
Earl Collins
998 PointsHi 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
19,579 PointsHey 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
19,579 PointsLouise,
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 :)
Louise Blalock
Courses Plus Student 9,818 PointsThanks, I will try this tomorrow:) You have been very helpful
Louise Blalock
Courses Plus Student 9,818 PointsWow!! 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
19,579 PointsHey 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.
Louise Blalock
Courses Plus Student 9,818 PointsThank 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
15,294 PointsOr 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.
Louise Blalock
Courses Plus Student 9,818 PointsThanks so much...I will check this out tomorrow. You have been very helpful. I will let you know.
stellamc
20,902 Pointsstellamc
20,902 PointsI don't see your html, but if you are using an icon font, you will need to specify that font in your css.