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 Build a Simple Website Text Editors and HTML Images and Lists

Posted by Lia Ribacchi
Lia Ribacchi
214 Points

Image and nav is not showing up in my browser

I did this code in Sublime Text 2 and it is not showing up in Google Chrome when I save and refresh. I did the little quiz and passed so I don't know why it isn't showing up. I do get the document title to show up "Smells Like Bakin' etc" just not the image and nav. Here's my code:

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Smells Like Bakin' Cupcake Company<title/>
</head>
<body>
  <img src="img/logo.gif" alt="Smells Like Bakin">
  <ul class="nav">
    <li><a href="#">About</a></li>
    <li><a href="#">Cupcakes & Prices</a></li>
    <li><a href="#">Locations</a></li>
    <li class="last"><a href="#">Contact Us</a></li>
  </ul>
</body>
</html>

Thanks, Lia

9 Answers

Lia Ribacchi
Lia Ribacchi
214 Points

I messed up on the close of the title. <title/> not </title> Hurrah!

Sukhraj Grewal
Sukhraj Grewal
10,554 Points
Sukhraj Grewal
Sukhraj Grewal
10,554 Points

By this code you get blank page with all code in document title. Reason is your closing title tag is wrong it should be </title>

James Barnett
James Barnett
39,199 Points

Yep that looks like the issue is incorrect closing title tag

Lia Ribacchi
Lia Ribacchi
214 Points
Lia Ribacchi
Lia Ribacchi
214 Points

Hey, thanks Sukhraj just found that myself. Thanks you guys. I'm just starting out. Fun stuff!

Lia Ribacchi
Lia Ribacchi
214 Points
Lia Ribacchi
Lia Ribacchi
214 Points

Hey thanks for responding. Yeah, my folder looks set up properly and the image is there. The folder and image are straight from the downloads. I just tried the tutorial index.html and that works in my browser, so I can strike that off the list. Weird. I'm going to fuss around with it somewhere. At least I code the code right. Thanks for chiming in James!

Sukhraj Grewal
Sukhraj Grewal
10,554 Points
Sukhraj Grewal
Sukhraj Grewal
10,554 Points

it should be 

 </title>
James Ingmire
James Ingmire
11,901 Points
James Ingmire
James Ingmire
11,901 Points

Sukhraj Grewal well done! Cant believe i missed that. Always a really simple thing when problems like this occur.

Sukhraj Grewal
Sukhraj Grewal
10,554 Points
Sukhraj Grewal
Sukhraj Grewal
10,554 Points

Sorry about that ignore html

Sukhraj Grewal
Sukhraj Grewal
10,554 Points
Sukhraj Grewal
Sukhraj Grewal
10,554 Points

yes James It does happen . Happen to me lot of time as well .

James Ingmire
James Ingmire
11,901 Points
James Ingmire
James Ingmire
11,901 Points

Your code is fine, are you sure that there is a folder called img in the same place as you html document and within the img folder the image is named logo.gif. Do your nav items show up? Other than that not sure.

Any luck let me know?