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

Posted by Sylvia Brombin
.a{fill-rule:evenodd;}techdegree seal-36
Sylvia Brombin
UX Design Techdegree Graduate 18,759 Points

Code not appearing in browser

Hello, I am working in a responsive site project. It was all going well and I was able to see the site in Safari without any problem, but after I added the style tag to the images the site is not longer showing. When I open the html file in Atom, I see the code there, but not in the browser. What happened??? What is the error??? Is the code now corrupted? Do I have to start from scratch?

Here is the code...

Thanks for the help. Sylvia

<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<h1>Sylvia B.</h1>
<ul>
  <li><a href="home.asp">HOME</a></li>
  <li><a href="news.asp">NEWS</a></li>
  <li><a href="contact.asp">CONTACT</a></li>
</ul>

<img src="images/responsive-layout-profile.png" alt="Profile Image" style="width:367px; height:225px;>
<p>Hello! I am Sylvia.</p>

<h2>PORTFOLIO</h2>
<img src="images/portfolio-1.png" alt="Marketing" style="width:367px;height:225px;>
<p>Take a look at my portfolio.</p>

<h2>Marketing Page</h2>
<p>Click on this link so you can check the marketing website meant for a specific business I am interested in.</p>

</body>
</html>

2 Answers

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

The syntax coloring shown above gives you a clue. You forgot to put the closing quote mark after your new style values.

Sylvia Brombin
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Sylvia Brombin
UX Design Techdegree Graduate 18,759 Points
Sylvia Brombin
.a{fill-rule:evenodd;}techdegree seal-36
Sylvia Brombin
UX Design Techdegree Graduate 18,759 Points

Thanks Steven for your feedback!