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
VANESSA GRZYWACZ
414 PointsI'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
2,274 PointsDid you try to choose port 80? This should be the default port for HTML as I've been told...
VANESSA GRZYWACZ
414 Pointsyes all i get is index of/
then this/Users/vanessa/Desktop/Screen Shot 2014-10-09 at 21.45.48.png
VANESSA GRZYWACZ
414 Pointsthis 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>© 2014 Vanessa Grzywacz</p>
</footer>
</body>
</html>
James Barnett
39,199 PointsCheck out the closing tags for inside your <footer> I see a few a a tags that are improperly closed.
Karsten Sørensen
2,274 PointsAs 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>© 2014 Vanessa Grzywacz</p>
</footer>
</body>
</html>
VANESSA GRZYWACZ
414 PointsThanks. 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
2,274 PointsOk VANESSA GRZYWACZ, could you post your CSS code for us to check that also?
VANESSA GRZYWACZ
414 PointsI 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
2,274 PointsBut the images are in the portfolio to start with?
VANESSA GRZYWACZ
414 PointsI 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
2,274 PointsHmm ok, but the images are in the Portfolio to begin with?
VANESSA GRZYWACZ
414 Pointswhen 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?