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 a New Page

Posted by William Rapp
William Rapp
Courses Plus Student 417 Points

QUESTION. My image is all the way up and it looks like you have space all the way around your image. ???

On the beginners HTML Course in the BOUT page, I am having an issue with my IMAGE -- I am using your img -- img/nick.jpg --

in your version when viewing the screen you have space all the way around your page -- I DO NOT have space around my photo of you. Your photo is all the way to the top of the screen.

Ben Flores
Ben Flores
17,074 Points

What you're referring to is called a margin! You can give your image tag an ID or a class, then on your CSS stylesheet you can style it.

If I remember correctly (from when I took this course), you have to open new workshops so often and they silently throw in the CSS you need so that might be why you noticed that difference.

Here's a neat little image that helps display the difference between margin, border, and padding. These are applicable to most (if not all) HTML elements, so it's not an image-specific thing.

http://1.bp.blogspot.com/-RUtAOT_XsS4/UywVWVG8ohI/AAAAAAAAAL4/HDf0cL0GbGs/s1600/css+margin+padding.gif

William Rapp
William Rapp
Courses Plus Student 417 Points

Ben Flores,

Thank you for your input and yes I can CHANGE things but my point is -- I am following instructions to the T and quadruple checking and more and what my Instructors looks like -- mine does not look like it. I don't want to go OFF RESERVATION and start trying things on my own -- SINCE I DON'T KNOW WHAT I AM DOING -- HENCE I AM TAKING CLASS. <<------ Not Yelling but trying to emphasize

BEN FLORES

Thank you again for your input. I HAVE been using the same information and building on it just like I thought I was supposed to. In this course each section builds on the last. If I start a new workspace will I loose all of my work ?

Ben Flores
Ben Flores
17,074 Points

Right, yeah I get you William. Like I said this course if I remember correctly, silently adds CSS per new workshop every now and then so if you are working on the same workshop throughout multiple videos, that's why by default your page looks differently. If you have been opening a new workshop per video and this is still an issue, then I don't know.

Still, I'm emphasizing what was missing from your code to look like Nick's. Your image needs a margin.

And it's totally okay to be confused and ask questions, that's why this platform exists.

Kathryn Notson
Kathryn Notson
25,941 Points

William Rapp:

Delete the index.html code inside the <section> tag that you copied & pasted onto the "About" page. Your <img> should be inside your <section> tag. I suspect you also deleted the <section> tag accidentally. I think that's why you don't have any space around the image. You can always go back & review the entire video if you need to do so.