File paths keep changing

Question

Hi.

The file paths keep changing so the images alternate in the browser, when they should all be showing. What should I do?

<!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="C:\Users\user\AppData\Local\Temp\Rar$DIa0.582\logo.gif" alt="Smells Like Bakin">
    <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 Page</a></li>
    </ul>
    <div id="intro">
        <h1>Opposites really do attract, especially in our kitchen! We combine unexpected flavours that melt together to create ironically delicious desserts.</h1>
        <p><a href="#" class="btn">Browse Our Cupcakes</a></p>
    </div>

    <img src="C:\Users\user\AppData\Local\Temp\Rar$DIa0.248\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 combination of flavours will make your mouth water!</p>
        <img src="C:\Users\user\AppData\Local\Temp\Rar$DIa0.655\featured-cupcake.jpg" alt="Avocado Chocolate Cupcake">
    </div>

    <div id="new-cupcakes">
        <h2>Fresh out the Oven</h2>
        <p>Our newest cupcakes are <a href="#">Bacon Me Crazy</a> and <a href="#">Jalapeño So Spicy</a></p>
        <img src="C:\Users\user\AppData\Local\Temp\Rar$DIa0.606\new-cupcake-bacon.jpg" alt="Bacon Me Crazy">
        <img src="C:\Users\user\AppData\Local\Temp\Rar$DIa0.839\new-cupcake-jalapeno.jpg" alt="Jalapeño So Spicy">
    </div>

    <h2>Inside the Kitchen</h2>
    <p>Smells Like Bakin' started out in the garage of the husband-and-wife duo Allison &amp; Joseph. Allison is the baker and Joseph found a way for them to make a business out of her tasty treats. Fast 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 flavours first through Facebook &amp; Twitter, and even take requests!</p>
    <a href="http://www.facebook.com/SmellsLikeBakin"><img src="C:\Users\user\AppData\Local\Temp\Rar$DIa0.023\facebook.gif" alt="Facebook"></a>
    <a href="http://www.twitter.com/SmellsLikeBakin"><img src="C:\Users\user\AppData\Local\Temp\Rar$DIa0.710\twitter.gif" alt="Twitter"></a>

    <div id="copyright">
        <p>&copy; 2012 Smells Like Bakin' Cupcake Company; All Rights Reserved.</p>
    </div>
</body>
</html>

Thanks.

Answer 1 · 2014-06-05T01:01:20Z

June 5, 2014 1:01am

Hi Sean,

The reason you're having issues is because you're opening the file directly from the ZIP file, simply extract the files and the path will stay consistent and true.

Answer 2 · 2014-06-05T01:10:18Z

June 5, 2014 1:10am

Hello Chris.

You'll have to excuse me, as I'm not good at working with zip files. But I've extracted the image files into another folder and amended the code accordingly. Next I tested it in the browser just for peace of mind. All of the images are now working and I've given you the Best Answer as a gesture of my gratitude.

Thanks for your help; I genuinely appreciate it! :-)

Sean

Welcome to the Treehouse Community

Looking to learn something new?

Sean Flanagan

Sean Flanagan

File paths keep changing

2 Answers

Chris Shaw

Chris Shaw

Sean Flanagan

Sean Flanagan