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!
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
Website preview isn't quite working for me. Probably should have sought out help sooner!
When I click the little eyeball icon in my workspace, it brings me to a page that shows each of the documents I've created in workspaces. For example, when I go to my preview, it shows a list like this:
Index of /
IMG/ Index.html css/
Then I have to click the "index.html", which doesn't show the CSS changes I've made in workspaces. How do I get my website preview to appear correctly?
Seth Kroger56,412 Points
Programming languages and tools can get overly picky about capitalization at times.
index.html should be all lowercase or the web server won't be able to see it's there. This can be inconsistent between different servers and OS's, but all lowercase is best.
Oh. You may not have your CSS file linked to you HTML. I bet it is just displaying the HTML without the CSS styling. Let me check something.
You may want to go back a video or two and make sure the top of your html file looks like Nick's. If that all compares properly you may want to check that your CSS file structure is the same. You can compare the sidebar file structure of your workspace window to the way Nick has his listed.
Oh I see the problem... you are a Cat Lover! Just kidding couldn't resist.
I see two CSS files listed in the
<head>. Is that all of your CSS files for that project? I seem to recall a responsive.css file as well but that may be added later. Also, not sure it matters but I listed my "type" and "rel" before the "href"
```<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800">