Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Question about "Building A Simple Website"

I am: "Building A Simple Website". I have followed the instructions exactly, yet my project, after the "Working with Grids" video, the last in the Creating Website Structure section does not look like the "Smells Like Bakin'" page in the video. Text and pictures are in different places. I have checked the code as best as possible, being that there seems to be no Treehouse Index.html file I can open at this point to compare to, the best I can do is go back and forth over the video.

I did open the Index.html file that came in the Project File.zip and removed the css code that we have not put in at this point in the videos. My HTML file and the downloaded Treehouse HTML files seem identical (except for spacing and indentation on the text editor). My HTML Doc and the Downloaded TH HTML Doc look identical in the Chrome Browser, with the exception of a very subtle difference in some margins.

So my HTML Doc and the Downloaded Treehouse HTML Doc match each other, they do not match visually the "Smells Like Bakin'" html page that Nick opens in his browser at this point. Why?

Inquiring minds do not want to bang their head against the wall. I would buy dinner for the right answer, in NYC. Help!

4 Answers

If you are still having issues and can't seem to get your code posted in here can you try linking up a pen from codepen.io.

You can quickly make a free account, paste in your HTML and CSS and then post the link to your pen here.

We have to see your code or we are just as stuck as you! :)

James Barnett
James Barnett
39,199 Points

It's hard to say what your issues could be without seeing your code. Most likely you have some invalid markup. In that case head over to http://validator.nu/ and paste in the contents of your index.html file and then fix any errors it flagged.

James Cullen
James Cullen
4,406 Points

It could be to do with your grid.css file missing or that that the <link> element may not me linked to your grid.css correctly. Like James said, it's difficult to tell without seeing the code itself.

The grid.css file is linked because when I specify columns, eg: div class grid 4. It makes changes. I would would intuit that a style sheet is either linked or not, and it is clearly linked. One possibility is that the grid.css document that I am using, downloaded from the project zip file is, in fact, different from the grid.css doc that Nick the video star is using. Another is that I have put I break or a div in the wrong place. But considering that my html doc is identical to the the html doc downloaded from the project zip, I suspect that the issue lies in the possible difference between the respective grid.css doc. On the other hand I have only been doing this for a few days so what do I know?

James Barnett
James Barnett
39,199 Points

Did you validate your markup like I suggested above?