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

CSS CSS Foundations Selectors Type Selectors

Posted by Bryan Valencia
.a{fill-rule:evenodd;}techdegree
Bryan Valencia
Full Stack JavaScript Techdegree Student 4,733 Points

Sublime Text 2 and browser preview is being a hassle.

I am on the CSS Foundations course and so I downloaded Sublime Text 2. I thought I'd take the code from my Workspace from the How to Make a Website course and copy it over to Sublime so I could work on it on my own. I soon realized that ST2 doesn't have a browser preview function so I looked up different ways to do it. The easiest way consisted of building a new system and selecting the browser I wanted to preview it in, in the build. After doing that, I ran my build and all that would show was one unnavigable page with a white back ground, black headlines, broken images, and my links to the about and contact page, while there, also lead to non-styled pages. Anybody know what might be going on? When I pasted my code into ST2 I just created new files called index.html, main.css, normalize.css, responsive.css, etc… Was I somehow supposed to link them (not counting in the code because all the files are linked to each other properly in the code). If I could get any help I'd be greatly appreciative. Thanks in advance.

Pierre Goasdoue
Pierre Goasdoue
5,039 Points
Pierre Goasdoue
Pierre Goasdoue
5,039 Points

Did you just try to open the index.html file with your browser to see if your code was correct ?

Bryan Valencia
.a{fill-rule:evenodd;}techdegree
Bryan Valencia
Full Stack JavaScript Techdegree Student 4,733 Points

Yes.

david johnson
david johnson
7,371 Points
david johnson
david johnson
7,371 Points

Post everything that is in your head tag, and let us know what your file structure is ie. Are all of your files in one directory or are they held in sub directories

2 Answers

Mark DeArmond
Mark DeArmond
15,233 Points
Mark DeArmond
Mark DeArmond
15,233 Points

Try putting this in the head of your document. It will refresh you page every 5 seconds. Of course you can change that value to any number. It's not a "live" update but once you save your .html document, it will show the results pretty fast without having to change apps and hit refresh. Hope that helps.

<meta http-equiv="refresh" content="5">
</head>
Bryan Valencia
seal-mask
.a{fill-rule:evenodd;}techdegree
Bryan Valencia
Full Stack JavaScript Techdegree Student 4,733 Points
Bryan Valencia
.a{fill-rule:evenodd;}techdegree
Bryan Valencia
Full Stack JavaScript Techdegree Student 4,733 Points

Hey thanks guys for the suggestions. I realize you probably could've used more info from me, but I ended up using Netbeans and found the code problem. Now I know what to look for in Sublime as well but I think I like Netbeans.