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 trialJorge Gomez
1,462 PointsWorkspace 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
6,408 PointsHello, 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
1,462 PointsJorge Gomez
1,462 PointsI 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>