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

Normalize.css not showing in left margin of sublime text 2

I feel really foolish but it is very confusing in the (Creating a Website Structure - CSS reset video tutorial). The instructor has a left margin that shows (Folders - Web - CSS - img - grid.css - normalize.css - img - index.html)

How did he do this? I downloaded normalize.css and it is a file folder called normaliza.css-master. It has the following inside of the folder (CHANGELOG.md, component.json, LICENSE.md, normalize, README.md, test)

I wrote code for css but the cupcake website is not changing with my new code i guess because it is not finding the source css or grid.

I have no formal coding experience which is why I'm sure my questions are probably ridiculous but I really wanna learn and would be grateful if someone could help me.

10 Answers

Hey guys

I've reviewed all the info you've suggested for downloading the normalize.css file but after it downloads it shows up as web archive for me. I'm clueless on what to do.

J.T. Gralka
J.T. Gralka
20,126 Points

Frank,

Don't feel foolish. Learning takes time, and it's good to see your asking questions!

When you say, "The instructor has a left margin that shows (Folders - Web - CSS - img - grid.css - normalize.css - img - index.html)," I think you are talking about the fact that Nick shows his entire project in Sublime Text 2 for convenience.

It's good to see that you seem to have been able to download normalize.css from github. You should copy and paste the .css file from the normalize project into your project folder. That is, you should make sure that the file you downloaded from github ends up in the directory in which your Smells Like Bakin' files and subdirectorys are located. I'm pretty sure Nick recommends in the video that you create a subdirectory in your main Smells Like Bakin' folder called "css". Go ahead and make sure you put your copy of normalize.css in there.

As far as getting the project side bar to show up in your Sublime Text 2 text editor, just open up a new ST2 window, select Project from the menu bar, then choose Open Project. When the file chooser shows up, navigate to the main Smells Like Bakin Directory and then click open. You should be able to see all of the project files and subdirectories listed in the left sidebar of the Sublime Text 2 window!

Let me know if you are having any trouble following my directions. If you still get stuck, feel free to get hold of the support team at help@teamtreehouse.com. I'm pretty sure they'd be happy to help you out; they've always been helpful to me! :-) Of course, I'd be happy to help answer any of your questions about Sublime Text 2 as it's one of my absolutely favorite text editors. I think once you get acquainted with it, you'll start to fall in love with it too!

Good luck and happy coding!

Best,

J.T.

thanks J.T.

Unfortunately, even though you've helped my understanding greatly I still am not able to do what you told me. I wish tree house did not gloss over how to download and properly get my files to show in sublime text two. I fear that some things that only take 5 seconds are taking me five hours. I am disappointed but I understand that it is my lack of knowledge that is the problem. Very frustrated but committed to learning these basics so I can continue to develop.

James Barnett
James Barnett
39,199 Points

@Frank -

How to add normalize.css:

  1. Go to normalize.css file from github
  2. Click the big green download button
  3. Save the file to your desktop
  4. Move the normalize.css file in your sublime text project folder
  5. Create a link element that references css/normalize.css

This works the same way as an <a> by using the href attribture This assume that all of your css files are in a folder named css


You can use any text editor you want, for the courses at Treehouse they all work equally as well.

If you don't like Sublime Text 2 try Notepad++ on Windows or TextMate on OS X.

Thanks @J.T. and @James for being so helpful!

James Barnett
James Barnett
39,199 Points

@Ryan - We try and be nice and friendly around these here parts.

amanda tveidt
amanda tveidt
252 Points

This was a problem of mine as well. It was not covered in detail how to work with sublime text 2.
I was confused on why the code was nto working- and it was because of the way I had downloaded the files.

James Barnett
James Barnett
39,199 Points

@Amanda - Sublime Text 2 isn't actually part of the course, it's just the text editor that the Treehouse teachers happen to use to make their videos.

You can use any text editor you like.

If you don't like Sublime Text 2 try Notepad++ on Windows or TextMate on OS X.

amanda tveidt
amanda tveidt
252 Points

I like the program. My trouble was that the files from Treehouse were not saved in the same directory automatically - So the links would not read properly. I did this lesson over four times before I figured it out.

I'll mention that I was having the same problem, and what I ended up doing that helped me get it all figured out was to first click on Project and then Add Folder to a Project. Then search the main folder, then type Ctrl+K+B and voila.