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 CSS: Cascading Style Sheets Use ID Selectors

Posted by Rodrigo Servin
Rodrigo Servin
352 Points

previewing the workspace does not work

whenever I click the eyeball in the upper right corner it only shows a blank website not showing any of my pictures, I would like to know if it is my code or the website's fault....This is my code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  <title>Rodrigo | Programmer</title>
    <style>
      nav a {
        color: white;
        backround-color: orange;
      }
    <link rel="stylesheet" href="css/normalize.css">
  </head>
  <body> 
    <header>
      <a href="index.html">
        <h1>Rodrigo</h1>
        <h2>Programmer</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>Experimintation with color and texture.</p>
      </a>
      </li>
      <li>
       <a href="img/numbers-12.jpg">
      <img src="img/numbers-12.jpg" alt="">
      <p>Playing with blending modes in photoshop.</p>
      </a>
      </li>
      <li>
       <a href="img/numbers-06.jpg">
      <img src="img/numbers-06.jpg" alt="">
      <p>Playing with blending modes in photoshop.</p>
      </a>
      </li>
      <li>
       <a href="img/numbers-09.jpg">
      <img src="img/numbers-09.jpg" alt="">
      <p>Playing with blending modes in photoshop.</p>
      </a>
      </li>
     </ul>
    </section>
   <footer>
    <a href="http://twitter.com/spartan1760"> 
      <img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
    <p>&copy; 2016 March 26 Rodrigo.</p>
    </footer>
  </body>
</html>
Steve Brewer
Steve Brewer
15,030 Points
Steve Brewer
Steve Brewer
15,030 Points

You've not closed your initial style tag in the head.

1 Answer

Esbjörn Stenberg
Esbjörn Stenberg
7,420 Points
Esbjörn Stenberg
Esbjörn Stenberg
7,420 Points

Like Steve Brewer said: don't forget the style closing tag. In the code's current condition, everthing beneath the style opening tag is considered as css.