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 Customizing Colors and Fonts Pick Fonts and Set Relative Units

Jorge Gomez
Jorge Gomez
1,462 Points
Posted by Jorge Gomez
Jorge Gomez
1,462 Points

Workspace preview is showing all the code in my browser, I can't get it to display the images

Not sure if I messed up something in the code, but every time I hit preview on chrome i see the code like in the editor but nothing else

1 Answer

Jeffrey Ruder
Jeffrey Ruder
6,408 Points
Jeffrey Ruder
Jeffrey Ruder
6,408 Points

Hello, you might get better answers if you show the code, but here are a few things that I would suggest checking:

Are the 

<html>

elements broken?

Is the link to the stylesheet broken?

Is the <!DOCTYPE HTML> broken?

Are all elements closed correctly? Is there a stray quotation mark floating around anywhere?

Jorge Gomez
Jorge Gomez
1,462 Points
Jorge Gomez
Jorge Gomez
1,462 Points

I decided to try it in Firefox and it works but it didn't work on Chrome. Below is the code. I just found the mistake, my DOCTYPE had an extra E at the end.

Oops, thank you!!

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>J Gomez | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,800,400' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>J Gomez</h1> <h2>Designer</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> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Sunday calendar on yellow</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Photograph of piggie on grass</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Vector Christmas poster</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>City photography in black and white</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Miami poster using typography</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2015 J Gomez.</p> </footer> </div> </body> </html>