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

Posted by Yitzchak Zeitler
Yitzchak Zeitler
5,952 Points

Hi, My changes aren't working after I did my CSS. Help? https://w.trhou.se/lcrfcwduni

https://w.trhou.se/lcrfcwduni

Please help to tell me why my list is not updating.

3 Answers

Ryan S
Ryan S
27,276 Points
Ryan S
Ryan S
27,276 Points

Hi Yitzchak,

I went through your code and I think I found the issue.

In your .Profile-Photo (the second last rule, just before .contact-info), you have a stray hyphen in between the closing bracket and the comment. It is a syntax error that is causing everything after it to not be applied. If you remove that, everything should work.

/**************************
Page: About
***************************/

.Profile-Photo {display:block;  /* Allows us to use auto margins to center the element on the page.  By default, images are displayed in line.  We don't want this image displayed in line with the rest of the text.  Act as a block taking up space with a width and a height.  */
                max-width: 150px;
                margin: 0 auto 30px;
                border-radius: 100%;} - /* Allows you to add rounded corners to our element.  100% will make the pic a circle as opposed to being a square.  */
Yitzchak Zeitler
Yitzchak Zeitler
5,952 Points
Yitzchak Zeitler
Yitzchak Zeitler
5,952 Points

Yes, that is it thanks so much. Another colleague told me about csslint.com. That also works great for catching these things.

Ryan S
Ryan S
27,276 Points
Ryan S
Ryan S
27,276 Points

Hi Yitzchak,

It would be helpful if you provided details on what changes you are trying to make and what is not working in your code.

I did notice that in your navigation menu, you have a syntax error in your "contact" link on all 3 pages. Is that the list you are referring to?

<li><a href="contact.html">Contact<a/></li>   <!-- closing anchor tag should be </a> not <a/>  -->
Yitzchak Zeitler
Yitzchak Zeitler
5,952 Points

Yes, thanks. I did see that and fix that afterwards, but that was not my issue.

On the Contact.html, in the second <section> I put in <ul class="contact-info">.

I then entered multiple CSS using the class, but it did not work, and I can't seem to figure out why the css in class .contact-info won't work.