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 Styling Web Pages and Navigation Style the Image Captions

Annette Maza
Annette Maza
1,006 Points
Posted by Annette Maza
Annette Maza
1,006 Points

Preview 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! :)

Julian Fields
Julian Fields
8,983 Points

Hi Annette, Can you show us what your code looks like?

Annette Maza
Annette Maza
1,006 Points
Annette Maza
Annette Maza
1,006 Points

This 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
RAFAEL COSTA
6,243 Points
RAFAEL COSTA
RAFAEL COSTA
6,243 Points

Some 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.