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

CSS How to Make a Website Adding Pages to a Website Add a New Page

Angela Smith
Angela Smith
763 Points
Posted by Angela Smith
Angela Smith
763 Points

When attempting to load my "about" page it does not load. I get a BLANK webpage. All links to my about page are correct.

I have checked my links and spelling and syntax are correct. The page is blank and will not load. My about.html is in the MAIN folder as it should be and spelled correctly. Please help me troubleshoot.

Rich Bagley
Rich Bagley
25,869 Points

Hi Angela,

Can you post the relevant HTML please and we'll take a look?

Thanks

-Rich

4 Answers

Angela Smith
Angela Smith
763 Points
Angela Smith
Angela Smith
763 Points

Nope. Page refresh wasn't doing it. I cleared my cookies and cache which has done the trick. Thanks for your time guys!

Rich Bagley
Rich Bagley
25,869 Points

No problem, glad you got it sorted.

-Rich

Caleb Kester
Caleb Kester
1,710 Points
Caleb Kester
Caleb Kester
1,710 Points

Hi Angela,

If you are using chrome, I'd highly recommend turning on "disable cache (while DevTools is open)" under the developer tools settings: https://developer.chrome.com/devtools/docs/settings . Then whenever you have the developer tools open it won't cache the pages that you're on.

Angela Smith
Angela Smith
763 Points
Angela Smith
Angela Smith
763 Points 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CyndrTec, Inc. | Technology</title>
    <link rel="stylesheet" href="css/normalize.css" >
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>CyndrTec, Inc.</h1>
        <h2>Computer Repair | Networking</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html" class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
      </section>
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/cyndrtec"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2014 CyndrTec, Inc.</p>
      </footer>
    </div>
  </body>
</html>
Rich Bagley
Rich Bagley
25,869 Points

Hi Angela,

If you wrap the code in your post in 3 back ticks (```) at the start and end it should display in a code block for us to view.

For example:

<p>This code is wrapped in 3 back ticks.</p>

Thanks

-Rich

Angela Smith
Angela Smith
763 Points
Angela Smith
Angela Smith
763 Points

Took me a bit but there you go! Thank you!

Rich Bagley
Rich Bagley
25,869 Points

Thanks Angela. Are you testing in Workspaces or locally?

-Rich

Angela Smith
Angela Smith
763 Points
Angela Smith
Angela Smith
763 Points

I am testing in Workspaces.

Shawn Flanigan
PLUS
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Angela,

It actually looks like it's working to me. If you put some text between the <section> and </section> tags, you should see it appear on the page. Try it out and let me know if it works.

Angela Smith
Angela Smith
763 Points
Angela Smith
Angela Smith
763 Points

But my navigation and footer should still be there even if I have no content in the <section> tags.

Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

When I follow your link above, I see the navigation and footer. You don't?

Angela Smith
Angela Smith
763 Points
Angela Smith
Angela Smith
763 Points

Nope! Let me try resetting the browser.

Rich Bagley
Rich Bagley
25,869 Points

Hi Angela,

I can also see the header and footer fine from that link. Just looks to be missing the main content as Shawn mentions.

Thanks

-Rich

Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

You probably don't need to completely restart the browser...maybe just a page refresh next time this happens.