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

Jonathan Dobbertin
Jonathan Dobbertin
592 Points

Photo moved to header

On the lesson on how to build a website I am having issues with the photo moving to the header. not exactly sure what happened. Prior to changing the CSS, the photo was centered on the page correctly.

.profile-photo{ display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; } After I put in this line of CSS the photo moved to the top right hand side of the nav bar/header

Do you have your code in a Workspace? Could you provide the preview link? Would make it easier for people to see all your code. You might just have a syntax error somewhere.

No no, not the link to your workspace, the Preview link. In Workspaces, in the top-right corner is a link that looks like an eye. Click on that to preview your page. Provide that preview link here so others can see your page.

Ok, I'm confused. I just looked at your page and the photo is centered. What browser are you seeing an issue? It looks fine to me in Chrome.

Jonathan Dobbertin
Jonathan Dobbertin
592 Points

Firefox. It is a browser issue for sure. Renders just fine in IE and Chrome.

Jonathan Dobbertin
Jonathan Dobbertin
592 Points

Thanks for the help! It was driving me nuts.

1 Answer

Ooooh okay. Go back to the video page and read the Teacher's Notes below the video. There's a correction in there specifically for Firefox.

http://teamtreehouse.com/library/how-to-make-a-website/adding-pages-to-a-website/style-new-pages

Add clear:both to the .profile-photo class in your CSS.