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 trialRichard White
1,230 PointsQuestion 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
Shawn Denham
Python Development Techdegree Student 17,801 PointsIf 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
39,199 PointsIt'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
4,406 PointsIt 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.
Richard White
1,230 PointsThe 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
39,199 PointsDid you validate your markup like I suggested above?