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 Rashaun Ewing
Rashaun Ewing
15,711 Points

Image not showing...

Trying to show this image and it's not working. I have the image in the same folder as my html file.

<Body> <style type="text/css">

    body{
    background-color:#003E52;
    }


</style>
    <div>
        <img scr= "Popfire/pf_LOGO_RGB_KO_Org.png" width="349" height="137">
    </div>

    <button>
    </button>

</body> </html>

Josué Rodriguez
.a{fill-rule:evenodd;}techdegree seal-36
Josué Rodriguez
Front End Web Development Techdegree Graduate 24,118 Points

If it's in the same folder why do you have a folder stated in the "src" "Popfire"? Also does having a space after src= " affect it?

1 Answer

Victor Ruiz
Victor Ruiz
16,570 Points
Victor Ruiz
Victor Ruiz
16,570 Points

Hi Rashaun,

The resaon the image is not showing up is a simple one. Your calling the image within a folder inside the current folder called "Popfire". I would suggest either adding a folder and calling it "Popfire" or just getting rid of the "Popfire" at the begining. So it reads

<img scr= "/pf_LOGO_RGB_KO_Org.png" width="349" height="137">

For best Practices I would suggest adding a folder called "images" or "imgs". Where the html file is located. Then calling the images from there:

<img scr= "images/pf_LOGO_RGB_KO_Org.png" width="349" height="137">

Best Victor