Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Philip Valentini
Philip Valentini
3,448 Points

While working on the "Adding Iconography" lesson with Nick Pettit...I have typed out all of the CSS with no change.

The Bullets are still there as well as no padding change and no icons. I have looked at the code for a wile now and can't seem to figure out what i did differently. I was able to successfully complete the tasks in the previous "Creating the contact page" lesson.

My Code form my main.css page on mu workspace...

.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'); }

Here is the URL to the workspace. https://teamtreehouse.com/workspaces/23921612

Please advise...Thank you!

PJ

Bogdan Cabaj
Bogdan Cabaj
16,348 Points

Please take a snapshot of your workspace and share snapshot link.

Philip Valentini
Philip Valentini
3,448 Points

My snapshot feature isn't saving the snapshot for some reason... This is the URL to my work space....if you scroll down to Page: Contact in the css file you can see the code i wrote from the lesson.

https://teamtreehouse.com/workspaces/23921612

OK thank you for the instructions on the snapshot!

Here is the snapshot link: http://w.trhou.se/lql3ddhbbg

Thank you for helping me out!

PJ

Bogdan Cabaj
Bogdan Cabaj
16,348 Points

Please follow instructions in the video (https://teamtreehouse.com/library/previews-and-snapshots). You can not paste your workspace link. It has to be a snapshot.

Bogdan Cabaj
Bogdan Cabaj
16,348 Points
  <ul class="contact info">

should be

  <ul class="contact-info">

That will fix one thing but it looks like there are still some issues. I'll let you explore before I'll take a deeper look.

1 Answer

Philip Valentini
Philip Valentini
3,448 Points

I also forgot to put a colon after the margin and padding to complete the page and get the formatting right. I have to be more precise and see those small mistakes that cause big problems.

Thanks again for your help Bogdan!