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 Tiziano Ovale
Tiziano Ovale
215 Points

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

Tiziano Ovale
Tiziano Ovale
215 Points

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?

Tiziano Ovale
Tiziano Ovale
215 Points

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

Brandon Flade
Brandon Flade
2,769 Points
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
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
Chase Lee
Chase Lee
29,275 Points

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

Tiziano Ovale
Tiziano Ovale
215 Points

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

Tiziano Ovale
Tiziano Ovale
215 Points

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

Tiziano Ovale
Tiziano Ovale
215 Points

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

Tiziano Ovale
Tiziano Ovale
215 Points

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

Jonathan Rawlins
Jonathan Rawlins
13,998 Points

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

Jonathan Rawlins
Jonathan Rawlins
13,998 Points

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

Jonathan Rawlins
Jonathan Rawlins
13,998 Points

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

Jonathan Rawlins
Jonathan Rawlins
13,998 Points

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

Tiziano Ovale
Tiziano Ovale
215 Points
Tiziano Ovale
Tiziano Ovale
215 Points

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

Could you take a screenshot of your layout.

Shayna Dowdy
Shayna Dowdy
30 Points
Shayna Dowdy
Shayna Dowdy
30 Points

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

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

Shayna Dowdy
Shayna Dowdy
30 Points
Shayna Dowdy
Shayna Dowdy
30 Points

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

Shayna Dowdy
Shayna Dowdy
30 Points
Shayna Dowdy
Shayna Dowdy
30 Points

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.