Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Links not showing up in the browser!!

<!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 and Prices</a></li> 

<li><a href="#">Locations</a></li>

<li class="last"><a href="#">Contact us</a></li>

</ul>

</body>

</html>

Hello there, i followed every step of the coding and the links are not showing up on the Browser, i copied and pasted the code as i wrote it down, do u guys are noting anything that i`m missing? I did copy it word by word from the video, please help me out!!!

Here is my code, the one that is not working is the bottom one the link references, i cannot see them in the browser!!! Any suggestions?

As a matter of fact nothing is showing up but the logo!!!

Brandon Flade
Brandon Flade
2,769 Points

Tiziano - Did you get this sorted out? I can't tell if you are just showing us code snippets or if that is the entire page since you included the doctype. If it is the whole page, the browser may be having an issue with a missing body tag or the missing closing html tag. Can you please provide us with your full code? If it is too much to enter with the forum markdown, you might consider using something like [pastebin.com](pastebin.com) to share your code.

8 Answers

Chase Lee
Chase Lee
29,275 Points

Here is a link on how to type code in the form.

Chase Lee
Chase Lee
29,275 Points

Did you put your li's in a <ul> or an <ol>?

I did, seems like it works when i edit it in the Windows Notepad, but it does not work when i use Sublime Text 2!!!

<!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>

<div id="intro"> <h1> Opposites really do attract, especially in out kitchen! We combine ecc ecc ecc.</h1> <p><a href="#" class="btn">Browse our Cupcakes</a></p> </div>

<img src="img/youbakemeblush.gif" alt="youbakemeblush.gif">

</body>

</html>

That is the actual code

Chase Lee
Chase Lee
29,275 Points

Well here's one thing that I saw. Cupcakes & Prices should like like this:

<li><a href="#">Cupcakes &amp; Prices</a></li>

Hope that helps.

I think is more like a text editor problem, but ill try!!! Thanks A LOT Chase...

Excuse me Chase i have another question, in the tutorial i have some pics, like the Avocado cupcake, it works perfectly, now i have a the bacon and jalapeno pictures do not work, as well as the facebook and twitter icons,i took those pics from the Smells like Bakin' website!!! Did i do something wrong?

<div id="new-cupcakes">

<h2>Fresh Out the Oven</h2>

<p>Our newest cupcake are <a href="#">Bacon me crazy</a> and <a href="#">Jalapeno so spicy</a>. </p>
<img scr="img/new-cupcake-bacon.jpg" alt="Bacon me crazy">
<img scr="img/new-cupcake-jalapeno.jpg" alt="Jalapeno so spicy">

</div>

Pedro Baumann
Pedro Baumann
12,815 Points

I think it would be easier if you copied more code, not just the bits you think might be the problem, I'll try to check in later to see if you did!

<div id="new-cupcakes"> <h2>Fresh Out the Oven</h2> <p>Our newest cupcake are <a href="#">Bacon me crazy</a> and <a href="#">Jalapeno so spicy</a>. </p> <img scr="img/new-cupcake-bacon.jpg" alt="Bacon me crazy"> <img scr="img/new-cupcake-jalapeno.jpg" alt="Jalapeno so spicy"> </div>

Tiziano, the scr that you have there would be src=filename here <img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno so spicy">

<img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno so spicy">

<img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno so spicy">

Mods, please remove my posts because Markdown it not working for me at all.

<div id="new-cupcakes"> <h2>Fresh Out the Oven</h2> <p>Our newest cupcake are <a href="#">Bacon me crazy</a> and <a href="#">Jalapeno so spicy</a>. </p> <img scr="img/new-cupcake-bacon.jpg" alt="Bacon me crazy"> <img scr="img/new-cupcake-jalapeno.jpg" alt="Jalapeno so spicy"> </div>

Chase Lee
Chase Lee
29,275 Points

Could you take a screenshot of your layout.

Hi everyone, I'm new to Treehouse and am also experiencing the same problem as Tiziano while using Sublime Text 2. When I refresh the index.html file in the browser (am using Chrome, as in the videos) all I can see is the logo.

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>
Chase Lee
Chase Lee
29,275 Points

I checked it on my Mac and everything seems to be fine.

Chase, thanks for the response. I stepped away from my computer for a bit, but let me try a browser reinstall. My computer has been running really slow and I've had issues with installations not working properly the first time around (I installed Chrome about 5 minutes before starting the tutorial).

Yea so I didn't change the location of my files, the code or anything and it looks like the Chrome reinstall did the trick. Thanks for checking out the code for me.