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

CSS How to Make a Website Adding Pages to a Website Style New Pages

Posted by iwgpnjvycw
iwgpnjvycw
8,577 Points

I'm using the corrected code for Firefox, and the profile photo still displays incorrectly.

It still shows as a very large picture. Has anyone else run into the same problem? How did you fix it?

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

Can you please post your code?

If you need help with posting code, please refer to: https://teamtreehouse.com/forum/posting-code-to-the-forum

iwgpnjvycw
iwgpnjvycw
8,577 Points

This is the code I put into main.css

.profile-photo {
  clear: both;
  display: block;
  max-width: 150px;
  margin: 0 auto 30px;
  border-radius: 100%;
}

3 Answers

Eric Roellig
Eric Roellig
9,150 Points

the image disappears for me in firefox on a mac. when I remove the display: block from .profile-photo the image appears and has the roundedcorners but is left aligned. looks fine in safari and chrome.. just a firefox display issue apparently

UPDATE:

I added the clear:both and the photo popped in.. 

.profile-photo {
  clear:both;
 display: block;
  max-width: 150px;
  margin: 0 auto 30px;
  border-radius: 100%;

}

never seen that happen before.

iwgpnjvycw
iwgpnjvycw
8,577 Points

Yeah, I guess it must be firefox. Thanks for the comment!

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

Does the border-radius show up? If not, check to be sure that the img tag in about.html has class="profile-photo" in it. The class in the html has to match the spelling of the class in the css.

iwgpnjvycw
iwgpnjvycw
8,577 Points

The class in the about.html and main.css both look like .profile-photo

rays0
rays0
16,293 Points
rays0
rays0
16,293 Points

Experiencing the same on FF 35.0.1. I wonder if it's a Firefox rendering issue with block display?