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

Posted by Danny Martens
Danny Martens
3,514 Points

Blank White Screen when I try and view my site in workspaces. My about and contact page work - HELP : )

I was testing my site on the website jigsaw which was suggested in the video. For some reason after that I feel like I must of maybe deleted or moved code in my css?? Ive been watching all the videos to try and solve the issue but I'm stuck. I appreciate the help team - thanks Danny

4 Answers

Salvatore Candela
Salvatore Candela
4,684 Points

--edit--

Ok, Danny, looks like your error is here:

<link href='http://fonts.googleapis.com/css?family=Candal|Raleway:400,800,300,700|Chivo:400,900' rel='stylesheet' type='text/css">

The last set of quotes is mismatched; in any programming language it's important to match your quotes. Since type='text/css" is mismatched, the browser thinks that the first quote is never closed, and that everything after it is part of the "type" attribute.

Danny Martens
Danny Martens
3,514 Points
Danny Martens
Danny Martens
3,514 Points

Thank you Salvatore you solved my problem and I completely understand what happen. Thanks for the support!

Salvatore Candela
Salvatore Candela
4,684 Points

Great! Don't forget to mark the answer!

Danny Martens
Danny Martens
3,514 Points

Absolutely!

Salvatore Candela
Salvatore Candela
4,684 Points
Salvatore Candela
Salvatore Candela
4,684 Points

Danny, I would check your html for missing end tags, especially making sure you've included:

</body>
</html>

More importantly: when you're asking a question, it's helpful to post the code you're having trouble with. This helps both the person trying to answer the question, and other people with the same problem who read the thread.

Danny Martens
Danny Martens
3,514 Points

Good call out Salvatore! I believe all my tags are closed. Below is my code starting with <!DOCTYPE html> 

            <p>








'''<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> Mountains | Daniel Behrend</title>
    <link rel="stylesheet" href="css/normalize.css">

    <link href='http://fonts.googleapis.com/css?family=Candal|Raleway:400,800,300,700|Chivo:400,900' 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>Mountains</h1>
      <h2>By Danny M</h2>
      </a>
      <nav>
      <ul>
        <li><a href="index.html" class="selected">Portfolio</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
      </header>
    <div id="wrapper">
    <section> 
     <ul id="gallery">
      <li>
        <a href="imgd/mountain.jpg">
          <img src="imgd/mountain.jpg" alt="">
          <p>1</p>
          </a>
       </li>
        <li>
        <a href="imgd/mountain2.jpg">
          <img src="imgd/mountain2.jpg" alt="">
          <p>2</p>
          </a>
       </li>
        <li>
        <a href="imgd/mountain3.jpg">
          <img src="imgd/mountain3.jpg" alt="">
          <p>3</p>
          </a>
       </li>
        <li>
        <a href="imgd/mountain4.jpg">
          <img src="imgd/mountain4.jpg" alt="">
          <p>4</p>
          </a>
       </li>
        <li>
        <a href="imgd/mountain5.jpg">
          <img src="imgd/mountain5.jpg" alt="">
          <p>5</p>
          </a>
       </li>


      </ul>
      </section>


      <footer>
        <a href="http://twitter.com/irecordvideo"><img src="img/twitter-wrap.png" alt="Twitter Logo" 
class="social-icon"></a>

        <a href="http://facebook/dannydesalvoflicks"><img src="img/facebook-wrap.png" alt="Facebook Logo"
        class="social-icon"></a>
          <p>&copy; 2014 Danny Martens</p>
    </footer>
     </div>
  </body>
</head>
</html>'''












This is code!</p>
            ```
Danny Martens
Danny Martens
3,514 Points
Danny Martens
Danny Martens
3,514 Points

I just edited the comment so you could see my exact code. It looks like the <!DOCTYPE> is coded correctly.