Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

I'VE LOST THE ABILITY TO VIEW MY WORKSPACE IN PREVIEW

WHEN I GO TO THE "EYE" PREVIEW BUTTON IT WON'T LET ME VIEW THE WEBSITE IT JUST GIVES A LIST OF PORTS IE PORT 80 PORT 3000 ETC BUT DOESN'T DISPLAY THE CODE AS A SITE? WHAT HAVE I DONE!

10 Answers

Karsten Sørensen
Karsten Sørensen
2,274 Points

Hi VANESSA GRZYWACZ

Did you try to choose port 80? This should be the default port for HTML as I've been told...

VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

yes all i get is index of/

then this/Users/vanessa/Desktop/Screen Shot 2014-10-09 at 21.45.48.png

VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

this is my code is it wrong?!

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vanessa grzywacz I designer
    <link rel="stylesheet" href="css/normalize.css">
  </head>
  <body>
    <header>
      <a href="index.html">
      <h1>VANESSA GRZYWACZ</h1>
      <h2>Designer</h2>
    </a>
    <nav>
      <ul>
        <li><a href="index.html">Portfolio</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
    </header>
    <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with colour and texture</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>drips photoshop brushes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>PLaying with belnding modes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>80's glows</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>drips photoshop brushes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>Experimentation with colour and texture</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <a href="http://twitter.com/vansa29"<img src="img/twitter-wrap.png" alt="Twitter logo"> </a>
      <a href="http://facebook.com/vanessawalkergrzywacz"<img src="img/facebook-wrap.png" alt="facebook logo"> </a>
      <p>&copy; 2014 Vanessa Grzywacz</p>
    </footer>
  </body>
</html>
James Barnett
James Barnett
39,199 Points

VANESSA GRZYWACZ -

Check out the closing tags for inside your <footer> I see a few a a tags that are improperly closed.

Karsten Sørensen
Karsten Sørensen
2,274 Points

VANESSA GRZYWACZ

As James Barnett says, there is some of your a tags that are improperly closed in the footer, also the title tag is not closed properly.

Your code should look like this instead:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vanessa grzywacz I designer</title>
    <link rel="stylesheet" href="css/normalize.css">
  </head>
  <body>
    <header>
      <a href="index.html">
      <h1>VANESSA GRZYWACZ</h1>
      <h2>Designer</h2>
    </a>
    <nav>
      <ul>
        <li><a href="index.html">Portfolio</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
    </header>
    <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with colour and texture</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>drips photoshop brushes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>PLaying with belnding modes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>80's glows</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>drips photoshop brushes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>Experimentation with colour and texture</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <a href="http://twitter.com/vansa29"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
      <a href="http://facebook.com/vanessawalkergrzywacz"><img src="img/facebook-wrap.png" alt="facebook logo"></a>
      <p>&copy; 2014 Vanessa Grzywacz</p>
    </footer>
  </body>
</html>
VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

Thanks. I see my errors . Have copied and pasted the code into the index workspace but when i preview I still get: Index of/ ../ Untitled/ css/ img/

rather than seeing the website?

Karsten Sørensen
Karsten Sørensen
2,274 Points

Ok VANESSA GRZYWACZ, could you post your CSS code for us to check that also?

VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

I haven't got that far yet.

when I click on the img part of the above it takes me to the site but doesnt display any pics? just blue boxes with question marks? I could screen grab but don't know how to attach to this post?

Karsten Sørensen
Karsten Sørensen
2,274 Points

But the images are in the portfolio to start with?

VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

I just get this?

Index of /

../ Untitled/ 09-Oct-2014 19:51 - css/ 09-Oct-2014 20:38 - img/ 02-Jun-2014 14:51 -

Karsten Sørensen
Karsten Sørensen
2,274 Points

Hmm ok, but the images are in the Portfolio to begin with?

VANESSA GRZYWACZ
VANESSA GRZYWACZ
414 Points

when you say the images are in the Portfolio what do you mean? I've loaded them into the side of workspaces but they don't appear as images as on the video. They just appear as missing links?