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 Creating HTML Content Add Image Gallery Content

Posted by Silvia Balu
Silvia Balu
8,963 Points

What is wrong with my workspace?

I wrote the code correctly exactly like in the video and when I click preview something else appears! It would be very helpful to have a better code editor like Codecademy with 2 columns where you can see the code and the result in the same window. The preview is time consuming and does not work!

6 Answers

Eric Ellenbrook
Eric Ellenbrook
9,006 Points
Eric Ellenbrook
Eric Ellenbrook
9,006 Points

It works for me. Is it possible to post a screen shot of your problem?

Silvia Balu
Silvia Balu
8,963 Points
Silvia Balu
Silvia Balu
8,963 Points

It worked for me too in the beginning, then I accidentally deleted the file index.html and then I wrote it again and the preview did not work anymore. I don't know how to post a screen shot here (I am a beginner and only have experience with Codecademy)...

Nitish Lakhman
Nitish Lakhman
4,044 Points

I've deleted my index.html twice now and I know it's frustrating! Plus, unlike code academy, the preview is not real time.

In regards to the code itself I think it should look something like this:

<section>
        <ul>
          <li>
            <a href="Images/numbers-01.jpg">
              <img src="Images/numbers-01.jpg" alt="">
                <p> Something></p>
            </a>
          </li>
          <li>
            <a href="Images/numbers-02.jpg">
              <img src="Images/numbers-02.jpg" alt="">
                <p> Playing with blending modes in PS</p>
            </a>
          </li>
          <li>
            <a href="Images/numbers-06.jpg">
              <img src="Images/numbers-06.jpg" alt="">
                <p> 80's style</p>
            </a>
          </li>
           <li>
            <a href="Images/numbers-09.jpg">
              <img src="Images/numbers-09.jpg" alt="">
                <p> Brushes</p>
            </a>
          </li>
           <li>
            <a href="Images/numbers-12.jpg">
              <img src="Images/numbers-12.jpg" alt="">
                <p> repetition</p>
            </a>
          </li>
        </ul>
      </section>

Note - in the lesson Nick uses "img" as the folder name but i have "Images" so change it as per needed. To post an image, upload it online, any service you normally use, and then follow the markdown cheat sheet guide, which can be found at the bottom when posting a comment/making a thread.

Silvia Balu
Silvia Balu
8,963 Points
Silvia Balu
Silvia Balu
8,963 Points

https://picasaweb.google.com/112022764429129319169/20140619#6026768116595284706

Silvia Balu
Silvia Balu
8,963 Points
Silvia Balu
Silvia Balu
8,963 Points

Thank you, I will try again...

Silvia Balu
Silvia Balu
8,963 Points
Silvia Balu
Silvia Balu
8,963 Points

I created a new workspace and pasted the index.html and now it works again! :) Thank you!

Silvia Balu
Silvia Balu
8,963 Points
Silvia Balu
Silvia Balu
8,963 Points

Technical support answered: the index.html was accidentally inside main.css. I moved it in the main directory and now it works.