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 Iconography

Jay Bhatt
Jay Bhatt
6,502 Points
Posted by Jay Bhatt
Jay Bhatt
6,502 Points

I cannot get my icons to show up, even though I am following exactly what he is doing?

The following is my html code: <section> <h4>Contact details</h4> <ul class = "contact-information"> <li class ="mail"> <a href="mailto: jbhattman8@gmail.com">jbhattman8@gmail.com </a></li> <li class ="facebook"> <a href="https://www.facebook.com/jay8shadowdragon"> Facebook </a></li> <li class="twitter"><a href="http://twitter.com/jbhattman">Twitter</a></li> <li class="phone"> <a href="tel:3021231234"> Phone: available upon request</a></li> </ul> </section>

The following is my css code:

.contact-information { list-style: none; padding:0; margin:0; font-size: 0.9em; }

.contact-information li.phone a { background-image: url('..img2/phone.png'); }

.contact-information li.mail a { background-image: url('..img2/main.png'); }

.contact-information li.facebook a { background-image: url('..img2/facebook-wrap.png'); }

Just to clarify, img2 is another folder I created. SO that is not where the mistake is. And I verified that all of the spelling matches the files in that particular folder.

Please help I am tired of staring at this.

1 Answer

David Schriever
David Schriever
1,777 Points
David Schriever
David Schriever
1,777 Points

Hello! I checked your code, I actually tested it in my own workspace and they definetely did show, so as long as your images actually are in that img2 folder, I'd try emptying the cache and restarting the browser, if that doesn't work, try another browser.

Let me know if this helped

Jay Bhatt
Jay Bhatt
6,502 Points
Jay Bhatt
Jay Bhatt
6,502 Points

Okay I will give it a shot, but as long the code is correct, I figured their was an issue with cache.

Thank you for answering