Picture file is there but in the webpage no images display

Question

please help me out i followed everything in the video. here is the HTML.thanks

!DOCTYPE HTML> <html> <head> <meta http-equiv="content-Type="text/html; charset=utf-8"/> <title>Smell Like Bakin' Cupcake Company</Title> <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> </head> <body> <div class="container clearfix"> <div class="grid_4"> <img src="img/logo.gif" alt="Smell Like Bakin"> </div> <ul Class="nav"> <li><a href="#">About</a></li> <li><a href="#"> cupcakes &amp: prices</a></li> <li><a href="#">Locations</a></li> <li Class="last"><a href="#">Contact Us</a></li> </ul> <div id="intro"> <h1>Opposite really do attract, especially in our kitchen! we combine unexpected flavors that melt together to create ironically delicious desserts.</h1> <p><a href="#" class="btn">Browse Our Cupcake</a></p> </div>

<img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">

<div id="featured-cupcake">
  <h2>Cupcake of the week</h2>
  <p>This week's featured cupcake is the <a href="#">Avocado Chocolate cupcake</a>.Its strange combo of flavors will kick your taste buds in fiesta mode!</P>
    <img src="img/featured-cupcake.jpg" alt="Avocado chocolate cupcake">
</div>

<div id="new-cupcake">
  <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 src="img/new-cupcake-bacon.jpg" alt="bacon me Crazy">
  <img scr="img/new-cupcake-jalapeno.jpg" alt="jalapeno so spicy">
</div>

<h2>inside the Kitchen</h2>
<p>Smells Like Bakin' started in the garage of the husband wife duo Allison &amp: Joseph ,Allison is the baker,and Joseph found a way for them to make a business out of the tasty treats, Flash forward to today and they have a successful store front, catering business and cupcake truck. </p>
<p><a href="#" Class="btn-small">Read More</a></p>


<h2>Get Bakin' with Us</h2>

<div id="contact">
  <p>Call us: <span>1-555-Cup-Cake</span><br>
    Email us: <a href="#">bakeon@smellslikebakin.com</a></p>
  </div>

  <p>We announce all of our new flavors first through Facebook &amp: Twitter,and even take request!</p>
  <a href="#"http://www.facebook.com/smellslikeBakin"><img src="img/facebook.gif" alt="Facebook"></a>
  <a href="#"http://www.twitter.com/smellslikeBakin"><img src="img/twitter.gif" alt="twitter"></a>

Answer 1 · 2013-09-02T14:54:17Z

September 2, 2013 2:54pm

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

should be

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

Just a small typo. You wrote scr instead of src

and in the above anchor tag, it gets a little bit messy. Run through your code and check for typos and make sure all your tags have both their chevrons.

Btw if you are placing a url within the anchor tags, remove the # symbol and place the url in the quotations

Answer 2 · 2013-09-02T15:05:01Z

September 2, 2013 3:05pm

let's try to get through this together.

1) try giving it a border of 10 just so that you can see where it's supposed to be. 2)the main reason is may not show up is you have to make sure the: "img" folder is named img and not image. 3)you also have to make sure the image is named:"you-bake-me-blush.gif" 4)if the 3 above statements are true; you have to make sure your index folder is in the main directory.

Welcome to the Treehouse Community

Looking to learn something new?

Riphard Nicolas

Riphard Nicolas

Picture file is there but in the webpage no images display

2 Answers

Jacob Miranda

Jacob Miranda

napoleon kernessant

napoleon kernessant