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

General Discussion

Posted by Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Preview in Sublime Text 3.

How do I preview my work? I'm using sublime text 3.

13 Answers

Colton Ehrman
PLUS
Colton Ehrman
Courses Plus Student 5,859 Points
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

If you are working on a website, then all you have to do is open your index.html in a web browser and make sure that you file structure is correct, and index can find all the links you give it

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

What would the url be?

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Depends on your file names, but you don't have to type in URL, just locate your index.html file then right click it and open in a web browser and it will automatically open it for you

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Right, I found that I can double click on the file and it does the same thing. Thanks for your help!

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Yup! No problem

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Now my HTML and CSS won't link.

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Cider Press | Dev</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
    <header>
        <h1>Cider Press</h1>
        <h2>Development & Design</h2>
    </header>
    <section>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
    </section>
    <footer>
        <p>&copy; 2015 Caleb Kleveter</p>
    </footer>
</body>
</html>

main.css

h1 {
    color: blue;
}
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Send me a screenshot of your file structure

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

I'm having issues converting the screen shot to a jpg, it's a png right now.

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

it doesn't have to be a jpg i dont think

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

[finder](finder.png)

[Sublime](sub_lime.png)

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

You may need to upload it online, I don't think it can access your local files

Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

I don't know how to do that.

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

In the markdown example they specify jpg.

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

That's just an example, any image type should work

Colton Ehrman
PLUS
Colton Ehrman
Courses Plus Student 5,859 Points
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Do you have screenhero by chance? I could help you alot more with that

Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

No.

Colton Ehrman
PLUS
Colton Ehrman
Courses Plus Student 5,859 Points
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Hmmm, go here, and try to upload your screenshot http://imgur.com/

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

I have a folder named cider_press, in it I have file named index.html and a folder named css, in the folder I have 2 files, main.css, and normalize.css

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

And you said your CSS isn't linking?

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Yes.

Colton Ehrman
PLUS
Colton Ehrman
Courses Plus Student 5,859 Points
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Ok I want you to take a look at this http://imgur.com/3dunwZP

This is how you can view what files your browser is using

  1. Open up the console in your browser (hopefully your using chrome)

  2. Click on Sources tab

  3. On left hand side it will show you all the files being loaded

Tell me what yours says

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

I asked my brother to look at it and it turns out that I spelled normalize as 'nomalize' and I did not have the main.css file linked - was the file not saved? - so I need to fix that.