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 trialAnnette Maza
1,006 PointsPreview Workspace is only showing HTML code. Any idea how to fix this? I want to see what I'm doing.
The styling was being applied but after I resized the pictures the Preview Workspace started only showing HTML code instead of the phone layout we're working on. Help fixing this! :)
Annette Maza
1,006 PointsThis is what my Preview Workspace is looking like now.
`<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Annette Maza|Practice</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Annette Maza</h1>
<h2>HTML, CSS and Javascrip Student</h2>
</a>
<nav>
<ul id="gallery">
<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>Experimentation with color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Experimentation with color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Experimentation with color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Experimentation with color and Texture</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Experimentation with color and Texture</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="https://twitter.com/nettymaza"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="https://www.facebook.com/annette.maza.9"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>© 2015 Annette Maza</p>
</footer>
</div>
</body>
</html>
1 Answer
RAFAEL COSTA
6,243 PointsSome tags are missing. Firts, you must have a <head> tag before your <meta charset> closing </head> before your <header>. Then after your </header> you must set a <body> tag, closing it with a </body> right after </div> in the end of your code.
Julian Fields
8,983 PointsJulian Fields
8,983 PointsHi Annette, Can you show us what your code looks like?