Workspaces not working

Question

When I preview any code that I put into workspaces it shows as text code on a browser. I was previously working on building a site on workspaces which worked fine but all of sudden stopped working. I setup a new workspace to try again but am having the same issue. Please can you help?

<DOCTYPE html!> <html> <head> <meta charset="utf-8"> <title>Fatinah Hayat | Stylist</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Marvel:400,700italic|Open+Sans:700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Fatinah Hayat</h1> <h2>Stylist</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="about.html">About</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="My Img/mens.jpg"> <img src="My Img/mens.jpg" alt=""> <p>Streets of London</p> </a> </li> <li> <a href="My Img/mens2.jpg"> <img src="My Img/mens2.jpg" alt=""> <p>Formal/Casual</p> </a> </li> <li> <a href="My Img/mens3.jpg"> <img src="My Img/mens3.jpg" alt=""> <p>Oxford</p> </a> </li>

Answer 1 · 2015-05-20T22:25:07Z

May 20, 2015 10:25pm

Hi Fatinah! :) Have you made sure that the files themselves have the correct extension? I.E., your CSS file ends in .css, your JavaScript file ends in .js , and that the actual web-viewable file ends in .html , etc? Something similar happened to me in the past, and this was the cause, in my case.

Answer 2 · 2015-05-20T22:55:45Z

May 20, 2015 10:55pm

Hello Fatinah Hayat

You are missing some of the HTML for this page. You need the opening and closing html tags as well as the opening and closing head and body tags. You're also missing some closing tags at the end for the unordered list and section. There are also some HTML errors: use the HTML Validator to check your page for errors.

Here's your code in a somewhat working condition. There are still some HTML errors you should fix:

<html>
  <head>
  <meta charset="utf-8">
<title>Fatinah Hayat | Stylist</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Marvel:400,700italic|Open+Sans:700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<header>
  <a href="index.html" id="logo">
    <h1>Fatinah Hayat</h1>
    <h2>Stylist</h2>
  </a>
  <nav>
    <ul>
      <li><a href="index.html" class="selected">Portfolio</a></li>
      <li><a href="contact.html">Contact</a></li>
      <li><a href="about.html">About</a></li>
    </ul>
  </nav>
</header>
  <div id="wrapper">
    <section>
      <ul id="gallery">
        <li>
          <a href="My Img/mens.jpg">
            <img src="My Img/mens.jpg" alt="">
            <p>Streets of London</p>
          </a>
        </li>
        <li>
          <a href="My Img/mens2.jpg">
            <img src="My Img/mens2.jpg" alt="">
            <p>Formal/Casual</p>
          </a>
        </li>
        <li>
          <a href="My Img/mens3.jpg">
            <img src="My Img/mens3.jpg" alt="">
            <p>Oxford</p>
          </a>
        </li>
        </ul>
      </section>
    </div>
  </body>
  </html>

Welcome to the Treehouse Community

Looking to learn something new?

Fatinah Hayat

Fatinah Hayat

Workspaces not working

2 Answers

Saira Bottemuller

Saira Bottemuller

Dave McFarland

Dave McFarland