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 trialMarta Pinto
6,469 PointsThe icons on the Contact page are not appearing on the site.
Although i place all code for the phone, mail and twitter items on css, the icons are no appearing next to the information on the page. What can i be doing wrong?
Steven Parker
231,198 PointsEeek! It would help if you blockquote your code. Or better yet, make a snapshot of your workspace and post the link to it here.
Jennifer Nordell
Treehouse TeacherSteven Parker I want your typing skills! That was a fast response :)
Steven Parker
231,198 Points@Jennifer Nordell I can only be that fast on comments, not answers. I can't tell you how many times I've composed an answer just to find someone else (often you) has posted a similar one while I was working on it!
10 Answers
Sue Dough
35,800 PointsSorry for the delay. Here is the solution.
Code thats not working:
.contact-info li .phone a {
background-image: url('../img/phone.png');
}
.contact-info li .mail a {
background-image: url('../img/mail.png');
}
.contact-info li .twitter a {
background-image: url('../img/twitter.png');
}
Code that will work:
.contact-info .phone a {
background-image: url('../img/phone.png');
}
.contact-info .mail a {
background-image: url('../img/mail.png');
}
.contact-info .twitter a {
background-image: url('../img/twitter.png');
}
Cheers. Hope that helps.
Marta Pinto
6,469 PointsYesss! Thank you all! :)
Marta Pinto
6,469 Pointsok, i'll do that, sorry
Marta Pinto
6,469 PointsMarta Pinto
6,469 Pointschrissean
Front End Web Development Techdegree Student 6,380 PointsHello, Your HTML tag starts and ends with:
<htlm></htlm>.
It may help to change it to:
<html></html>.
Thanks,
Marta Pinto
6,469 PointsDyslexia kicked in! Thanks!
jason chan
31,009 PointsThere are lots of typos.
I would recommend you go over your code again and make sure you typed them correctly. Debugging.
jason chan
31,009 PointsShe should try loading the html on her local (computer). Html, css, and images don't need a workspace server. If not she try different browsers follow the videos again. Maybe watching slower or comparing the finished code from the finished .zip that is allowed to download from each video.
Marta Pinto
6,469 PointsSorry, i was talking about de images that appear before the phone, email and twitter on the contact page, not the icons of facebook and twitter at the bottom. TheyΒ΄re just images like the photo of Nick on the about section... I can't see what i did wrong...
Sue Dough
35,800 PointsAre you referring to the images in the CSS or something else? Because I do not see them in the HTML markup.
Marta Pinto
6,469 Pointshere is the snapshot
Sue Dough
35,800 PointsThanks I see now, ignore my previous comment. I got to head out and will take a look when I am back.
Marta Pinto
6,469 Pointsi'm referring to 3 small images: one with a phone, the other with an envelope and the other with the twitter logo. They should appear before the phone number, the email adress and the twitter account on the contact page.
Sue Dough
35,800 PointsAd blocker?
:)
Jennifer Nordell
Treehouse TeacherSue Dough Well if it were an alert... sure. But all she can't see is her facebook and twitter icons on one page. But when I fork her workspace... I see them without adjusting her code (which has issues). But still I'm unable to understand why I can see images using her code on her workspace, but she can't. I will be removing my answers because clearly there's something I'm not understanding here.
Sue Dough
35,800 PointsWhat does "Well if there were an alert" mean? Sorry I don't understand. My english is not the best.
I can't see social icons on default. Its all blocked for me. A lot of ad blockers block all things that mention a social network. However the images do show I agree with you. It sounds like she has a local issue which could be an ad blocker and thats why i mentioned it.
Jennifer Nordell
Treehouse TeacherSue Dough Sorry. You're correct. When I think of ad blocker I think of popup blocker. Not all software that blocks ads. Oddly enough, I don't run any anti-ad or popup blocking of any kind :) I was meaning a JavaScript alert that would popup a dialog. That's what I had in mind.
And for your information, your English is excellent!
Sue Dough
35,800 PointsHi Jennifer,
Thank you. I see what your saying now. It still mostly is. However a lot of the ad blockers come with "lists". You can choose what list you want to accept and block. I have most list turned on.
The best plugin is this: https://github.com/gorhill/uBlock . There is no incentive from the developers to monetize or screw the end user, its open source, and will make your browsing very fast. It is light weight and easily customizable. It will help protect you from viruses as well. There is another uBlock but don't confuse the two, the one from the Gorhill author is the one I recommend using.
I have blocked 338 external HTTP requests from Treehouse advertiser programs since writing this reply. They ping you with AJAX request on this site every second which I find very obtrusive. Treehouse is far more obtrusive then most sites sadly.
Sue Dough
35,800 PointsHi Jennifer,
Not sure if you deleted the answer because I posted it a minute prior, but I wanted to say nice job as your answer works! I was a bit confused like you were what OP was referring to. The li tags could be optional here. Either way will work however less code is best in programming most of the time so i figured to ditch them since it was a tiny css file with not much rules.
Best,
Jennifer Nordell
Treehouse TeacherSue Dough Yup, I deleted my answer because you got there first. And I feel like I've messed up this thread completely because I didn't understand what the OP was not seeing. Had I understood that part from the beginning this thread would have been considerably shorter :)
P.S. I no sooner hit the post answer button than my email lit up and told me that you'd posted an answer :)
Marta Pinto
6,469 PointsMarta Pinto
6,469 Points