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!
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
Jimel Atkins
2,093 PointsImages wont display in contact page
Im in the add iconography section of front end website development. We are adding the contact page and adding the twitter, phone, and email icons to the text. Its not reading the images as an error however it isnt showing up either. Here is the code i have in the main.css via the course
.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
.contact-info a {
display:block;
min-height: 20px;
background-repeat: no-repeat;
background-size: 20px 20px;
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'); }
1 Answer
Jimel Atkins
2,093 PointsAntonio how do I do so?
Antonio Rodrigues
2,306 PointsAs to the html, you can copy and paste.. AS to the folder structure you can take a snapshop of the workspace, I'm not sure exactly how, because I'm kinda new to this. there could be 2 errors here: you are using the wrong url's to get the images or you are using the wrong css selectors, that's I was going to try and check with you html and folders.
Antonio Rodrigues
2,306 PointsAntonio Rodrigues
2,306 PointsCan you post your folder structure and html ?