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 Style New Pages

Posted by jose sias
jose sias
1,995 Points

style new pages

can some one help me out with this

8 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

If you're using firefox then you should have a horizontal scrollbar. You can scroll to the right and see your image in the top right corner.

The teacher's notes for the video has a correction for this problem. It has to do with the floated header.

I recommend instead that you clear the float in your wrapper element since that's the first element after the header.

Add the clear property to your existing wrapper rule:

#wrapper {
clear: both;
}

This will fix the profile photo problem as well as header gap problems that others have had.

Andrew McCormick
Andrew McCormick
17,730 Points
Andrew McCormick
Andrew McCormick
17,730 Points

if you are following along with this video, the class name is '.profile-photo' not .profile-pic. The code itself is valid though.

jose sias
jose sias
1,995 Points
jose sias
jose sias
1,995 Points 
.profile-pic {
  display: block;
  max-width: 150px;
  margin: 0 auto 30px;
  border-radius: 100%;
}
rayorke
rayorke
27,709 Points
rayorke
rayorke
27,709 Points

The class of the image in the challenge should actually be profile-photo

.profile-photo {
  display: block;
  margin: 0 auto 30px;
  max-width: 150px;
  border-radius: 100%;
}
jose sias
jose sias
1,995 Points
jose sias
jose sias
1,995 Points

lol its always the little mistakes

jose sias
jose sias
1,995 Points
jose sias
jose sias
1,995 Points

ok so i changed .profile-pic to .profile-photo and no there is no pic at all

jose sias
jose sias
1,995 Points
jose sias
jose sias
1,995 Points 
 <section>
        <img src="img/me.jpg" alt="Photograph of Jose Sias" class="profile-photo">
        <h3>About</h3>
        <p>Hi I'm Jose Sias! This is my design profolio where i share all of my favorite work. When i'm not designing things, I enjoy exercising, playing video games, drinking good coffee, and more.</p>

`
jose sias
jose sias
1,995 Points
jose sias
jose sias
1,995 Points

i dont know what im doing wrong