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 trialFelix Johansson
3,341 PointsCan't see why my Mail and Twitter pictures wont work.
12 Answers
Jennifer Rai
Courses Plus Student 13,164 PointsHi Felix,
Bothxp was right, but take a look at your css file again. It looks like you have "ulr" instead of "url" here. If you change it to "url" it will work properly.
.contact-info li.mail a {
background-image: ulr('../img/mail.png');
}
.contact-info li.twitter a {
background-image: ulr('../img/twitter.png');
}
bothxp
16,510 PointsThey are added via css, so we could do with seeing your main.css page.
bothxp
16,510 PointsYou'll be looking for the section
.contact-info a {
display: block;
min-height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
padding: 0 0 0 30px;
margin: 0 0 10px;
}
.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');
}
Felix Johansson
3,341 PointsYes I have done that but I can't get it to work.
bothxp
16,510 PointsHi Felix,
In your screenshot you showed us contact.html and index.html .... but we could really do with seeing the 'Page: Contact section of your main.css file.
Felix Johansson
3,341 PointsOh sorry that's a miss from me here it is: http://imgur.com/JKPYcnT
bothxp
16,510 Pointsok .. I think you might have missed the 'a' tag in the selector. Try:
.contact-info a {
display: block;
min-height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
padding: 0 0 0 30px;
margin: 0 0 10px;
}
Felix Johansson
3,341 PointsNo it didn't work may be some problem with the direction ?
ult('../img/mail.png')
bothxp
16,510 Pointsshould that be url not ult
.contact-info li.mail a{
background-image: url('../img/mail.png');
}
.contact-info li.twitter a{
background-image: url('../img/twitter.png');
}
Felix Johansson
3,341 PointsAww that was not the problem either.
Felix Johansson
3,341 PointsI did that but it did not work:
.contact-info li.mail a { background-image: ulr('../img/mail.png'); } .contact-info li.twitter a { background-image: ulr('../img/twitter.png'); }
bothxp
16,510 Pointsyou changed it to ulr
It needs to be url
Felix Johansson
3,341 PointsFelix Johansson
3,341 PointsI did that but it did not work:
.contact-info li.mail a { background-image: ulr('../img/mail.png'); } .contact-info li.twitter a { background-image: ulr('../img/twitter.png'); }
Jennifer Rai
Courses Plus Student 13,164 PointsJennifer Rai
Courses Plus Student 13,164 PointsHi Felix,
You still have "ulr". It needs to be "url".
Felix Johansson
3,341 PointsFelix Johansson
3,341 PointsAhh thank you! I have some problems to see my spelling sometimes.