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 trialiwgpnjvycw
8,577 PointsI'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?
iwgpnjvycw
8,577 PointsThis 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
9,150 Pointsthe 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
8,577 PointsYeah, I guess it must be firefox. Thanks for the comment!
Sean T. Unwin
28,690 PointsDoes 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
8,577 PointsThe class in the about.html and main.css both look like .profile-photo
rays0
16,293 PointsExperiencing the same on FF 35.0.1. I wonder if it's a Firefox rendering issue with block display?
Sean T. Unwin
28,690 PointsSean T. Unwin
28,690 PointsCan you please post your code?
If you need help with posting code, please refer to: https://teamtreehouse.com/forum/posting-code-to-the-forum