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

Posted by Scott Raymond
Scott Raymond
6,542 Points

Finished Nick's Building a Website 8 hr class and trying to practice in Notepadd++

Hello. I am trying to practice building a website after taking my Treehouse classes. I have Notepad++

Everything started well but I cannot seem to get my paths to connect my normalize.css and main.css into my code. Once out into the real world (not Treehouse playground) what Nick does in the video to connect his project doesn't help me try and connect everything in notepad ++. I did the test of trying to change all the background to orange and nothing happened so I knew they were not connected. I will paste code if someone wants to guide me. I figured in Notepad++ I just make new folders for normalize.css and main.css. But then they are saved on my desktop and I try and link them. Maybe I am way off, Thanks

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Deep Volleyball</title> <link rel="stylesheet" href="C:\users\Scott\Desktop\CSS\normalize.css"> <link rel="stylesheet" href="C:\users\Scott\Desktop\CSS\main.css"> </head> <body> <header> <a href="index.html"> <h1>Deep Volleyball</h1> <h2>The Right Tournaments, The Right Training</h2> </a> <nav> <ul> <li><a href="index.html">Deep Volleyball</li> <li><a href="coaches.html">Coaches</li> <li><a href= "contact.html">Contact</li> </ul> </nav> </header> <section> <ul> <li> <img src="C:\Users\Scott\Desktop\deepVBpics\kariandgreta.jpg" alt=""> </li> </ul>

    </section>
    <footer>
        <a href="http://twitter.com/ninemarksVB"><img src="C:\Users\Scott\Desktop\deepVBpics\twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/scottkari.raymond"><img src="C:\Users\Scott\Desktop\deepVBpics\facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2016 Scott Raymond.</p>

    </footer>
</body>

</html>

Shon Levi
Shon Levi
6,036 Points

Hey you there,

First - it seems like your code is missing - where is the DOCTYPE and HTML open and close tags?

Second - I suggest you to put all of your files in one folder and not using "C:/....".

Third - I just trying to think but if your images are working, and only the css files doesn't maybe is that you save the css files as txt or html type and not css - so actually your file is "main.css.txt" - try to download from the course the zip file of all the course files then work on them from scartch, or instead go to google search and try to look for a guide of saving files.

Hope it helps a little bit :) Shon

3 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Well one thing I can see here is at one point your img tag points to C:\Users... and the other files point to C:\users.. I'm fairly sure these are case sensitive, but I could be wrong. But I believe you should be using relative paths from your index.html. Wherever your index.html is going to be your root folder so it should be something like "CSS\main.css". Sure would make the whole thing easier!

Matthew Mariner
Matthew Mariner
17,666 Points
Matthew Mariner
Matthew Mariner
17,666 Points

Hey scott,

Do the rest of your resources (images/javascript) load in properly?

If so, then double check the path to your CSS, if not, then there is a problem with how you are connecting your assets/resources to your index.html

Mike West
Mike West
9,163 Points
Mike West
Mike West
9,163 Points

Scott-

Is your index file stored in the same location as your css folder? In this case, is your index file stored on your desktop? Also, I started out with Notepad ++ when I was learning Python and it worked great. When you're working with web development (at least on the front end), I'd recommend you use something like Brackets or Atom. Atom has a little bit of a learning curve, but is awesome. Brackets is really easy and has a great preview feature. Hope this helps