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

CSS

Posted by Alita Edmonds
Alita Edmonds
6,068 Points

Where is my image?

Why is my image not showing up? Right now the image is named page.jpg in an folder named img. Is my code wrong? Here it is: <img src="img/page.jpg" alt="Photo of ideas for cooking">. Thanks for your help!

Steven Parker
Steven Parker
243,318 Points
Steven Parker
Steven Parker
243,318 Points

There's nothing obviously wrong with the img tag itself. To make it possible to do a more complete analysis, make a snapshot of your workspace and post the link to it here.

Alita Edmonds
Alita Edmonds
6,068 Points

I can't make a snapshot but I can paste my code. Will that help? Here it is: <!DOCTYPE html> <html> <head> <title>Alita Edmonds</title> <link href="favicon.ico" rel="shortcut icon"> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/responsive.css"> <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> </head>

<body>
    <main>

        <nav>
            <ul>
                <li><a href="coder.html" class="white-text">Coder</a></li>
                <li><a href="blog.html" class="currentSite white-text">Blog</a></li>
            </ul>
        </nav>
    <h1>Alita Edmonds</h1>
    <p class="white-p">My blog about my photos, stories, and more.</p>

    <div class="blog-gallery">
        <section class="blog-posts">
            <img src="img/train.jpg" alt="Photo of inside of Train">
                <footer><strong>Posted:</strong> 1/27/18 8 pm</footer>
            <p>Hi everyone! This is my first post! I can see you Natalie. Anyway, going on the train to Wellinton. Woke up at 5:30, left at 6:30 and the train left at 7:45. Traveled all day and arrived after dinner in Wellington. I will definalty remember this!</p>
    </section>
    <section class="blog-posts">
        <h2>My Observation of Wellington</h2>
        <footer><strong>Posted:</strong> 1/31/18 2:15 pm</footer>
        <p>Wellington is a bit differnt than I had imagined. First of all, it is way smaller that Auckland. The house we are staying at has a whole veiw of the city and when you look at it from above, the city dosn't have any skyscrapers exept two or three. Sencond, I thought there would be more sightseeing. It has been quiet since Mom is pregnant. By the way, check out my parents blog at <a href="http://edmns.com" class="blog-links">edmns.com</a>. And third, the house we are staying in has very few utensils and it makes me miss cooking so much (I make breackfest every day plus muffins every Saturday and just random little things.) But on the other hand, it is MAGICAL! The beatufuil ivy arch transports me and my sisters to a magical kingdom, where elves and kings rule. The hills in the views are so pretty, it makes me think how God is so great to make those magestic mountains. I will never forget New Zealand.</p>
    </section>
                <section class="blog-posts">
            <img src="img/page.jpg" alt="Photo of ideas for cooking">
                <footer><strong>Posted:</strong> 2/4/18 11:15 am</footer>
            <p>Starting to miss home. Only a couple days left! Planning out all my ideas to cook when I get home. I have missed cooking a lot and plan to have fun and experemint with new things. You can look at more of my cooking on instagram: <a href="https://www.instagram.com/evergreen_cooking/" class="blog-links">@evergreen_cooking</a></p>
    </section>
    </div>

    </main>

    <footer>
    </footer>
</body>

</html>

Thanks for the help!

Ben Reynolds
Ben Reynolds
35,170 Points

Does the train image render?

Alita Edmonds
Alita Edmonds
6,068 Points

What does that mean Ben?

1 Answer

Steven Parker
Steven Parker
243,318 Points
Steven Parker
Steven Parker
243,318 Points

If the train image and the page image are both in the same folder (img), and the train shows but the page does not, I would suspect either a damaged image file or perhaps file permission settings preventing access of the page image.

The server might also give you more information if you try opening the image in a window by itself.

Alita Edmonds
Alita Edmonds
6,068 Points

Okay. I will give it a try