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 How to Make a Website Beginning HTML and CSS Add Style to the Page

Posted by James Carr
James Carr
161 Points

In Workspaces, when I click the eye, I get a list of ports. I must choose 80.

Then I get ../ "index of/" index.html. I must click the link to "index.html" to see the preview. Not like your video where you click the eye and see the preview instantly.

3 Answers

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi as far as i can tell workspaces and treehouse has had a few updates, you want port 80 that should open in your chosen browser, chrome is great for dev tools and most of the treehouse lessons are done on chrome!

Hope this helps

Matt Spiel
Matt Spiel
2,617 Points
Matt Spiel
Matt Spiel
2,617 Points

James Carr, with all the new language support we've been adding to workspaces, we need to expand how the preview icon works. Certain languages use what are called 'port's to preview their content. As Craig Watson pointed out, the port you should utilize for static Workspaces is Port 80.

Let us know if you have any more questions! Happy learning!

Justin Armel
Justin Armel
90 Points
Justin Armel
Justin Armel
90 Points

since the day I forked my workspace, everything goes wrong with this preview button. I even restarted all my code work from beginning , created new workspaces, etc... and I still have that port 80 which doesnt work properly. after clicking on port 80, I get something like this...

Index of /

../ CSS/ 29-Oct-2014 15:31 - images/ 29-Oct-2014 15:25 - sos.html 29-Oct-2014 15:32 4980

... and any of these links cant display my webpage properly. if I click the css link there, I get only my codes displayed. If I click on sos.html, I get my webpage without any styling. Note that if I test the same html and css codes in dreamwaver, everything works fine.

Am I doing something wrong in treehouse workspace? or is it a bug?

Matt Spiel
Matt Spiel
2,617 Points

Justin, do you have an index.html file in your Workspace? If that is not present the preview doesn't know what file to show and just shows your a list if the files in your Workspace.

In regards to the sos.html file not having any styling... that is likely because the path to the css files inside your sos.html file is not correct.