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 Introduction to HTML and CSS (2016) Adding a New Web Page Write the CSS

Posted by Jessica Johnson
Jessica Johnson
420 Points

My linked page was working just fine but now anytime I try to preview my work it is just a blank white page.

My page was just working but now every time I try to preview it it just comes up as a blank white page. I even tried deleting all of the code and starting again but it is still doing the same thing. Any tips?

Gabriel Plackey
Gabriel Plackey
11,064 Points
Gabriel Plackey
Gabriel Plackey
11,064 Points

Preview it in workspaces? Would you be able to post your code or anything like that?

3 Answers

Gabriel Plackey
Gabriel Plackey
11,064 Points
Gabriel Plackey
Gabriel Plackey
11,064 Points

Okay, I found your problem. You are missing a quotation mark at the end of the img class string name, where you said class="main-image", you need to put a quotation mark right at the end. Otherwise your entire page is basically inside of a string and that's why it is not showing up. Also, you need to put the CSS at the bottom in a style tag or in a stylesheet. Or else it will just print to the page and not actually style the page.

Below is the code for you

<!DOCTYPE html> 
<html> 
  <head> 
    <title> Jessic Johnson's Resume</title> 
    <link rel="stylesheet" href= "resume.css"> 
  </head> 
  <body> 
    <img src= "http://placeimg.com/200/200/animals" alt=" Jessica Johnson, Web Developer" class="main-image"> 
    <h1> Jessica Johnson, Web Developer</h1>
    <h2> Summary of Qualifications</h2>
    <ul> 
      <li> Experience as a freelance web developer</li> 
      <li> Experience with HTML, CSS, and JavaScript</li> 
      <li> Bacherlor of Science, Psychology</li> 
    </ul> 
  </body> 
</html>

<style>
body { font-family: "arial"; } .main-image { border: solid 4px black; border-radius: 50% }
</style>
Jessica Johnson
Jessica Johnson
420 Points
Jessica Johnson
Jessica Johnson
420 Points

In the Introduction the HTML and CSS course we practiced making our own Resume page and linking it to the current website. It opens the link but for some reason all of the sudden nothing is showing up on the page when it opens. It was working fine a few minutes before that and I went back through the video and checked over the code again just to make sure it was right. I will post the code here. <!DOCTYPE html> <html> <head> <title> Jessic Johnson's Resume</title> <link rel="stylesheet" href= "resume.css"> </head> <body> <img src= "http://placeimg.com/200/200/animals" alt=" Jessica Johnson, Web Developer" class="main-image> <h1> Jessica Johnson, Web Developer</h1> <h2> Summary of Qualifications</h2> <ul> <li> Experience as a freelance web developer</li> <li> Experience with HTML, CSS, and JavaScript</li> <li> Bacherlor of Science, Psychology</li> </ul> </body> </html>

body { font-family: "arial"; } .main-image { border: solid 4px black; border-radius: 50%' }

Jessica Johnson
Jessica Johnson
420 Points
Jessica Johnson
Jessica Johnson
420 Points

Thank you so much!