+ 1

Picture not Displaying

I have been working on an HTML file, and everything was fine with my pictures that were inserted. I opened a CSS file to begin that chapter and now my pictures will not display when I open the web page. The bottom </body and </html> tags are both red as well. Below is the only part of the code that was edited since I opened the css file. Any help would be appreciated! <!DOCTYPE html> <html> <head> <title> Terry Math </title> <link rel="stylesheet" href="TerryMath.css"> </head> <body align="center"> <div style="background-color:darkgrey; padding:10px"> <h1> <b><span>Terry Math</span></b> </h1> <p> Hello, and welcome to the <big>Terry High School</big> Algebra I web page! </p> <p align="center"> <img src="TerryLogo.jpeg" style="border:solid 3px maroon"> </p> <p align="center"> For more help with completing the square, visit <a href="https://www.khanacademy.org/"target="top"> Khan Academy</a>! </p>

html css

10th Apr 2018, 1:33 PM

Blake Windham

11 Réponses

- 1

Is your html file located in HTML folder ?

10th Apr 2018, 2:37 PM

Hallox

Where this image is located ? U can't just declare its name.U need the full URL.

10th Apr 2018, 1:55 PM

Hallox

No ,it's not possible Where is your image (path)?

10th Apr 2018, 2:10 PM

Hallox

- 1

My style sheet basically only has one line of code currently: body { background-color: grey; color:maroon; font-size:100% } Do I need to have the image inserted somewhere in my style sheet?

10th Apr 2018, 2:08 PM

Blake Windham

- 1

It's saved locally: HTML/Images/TerryLogo.jpg

10th Apr 2018, 2:12 PM

Blake Windham

- 1

I also have renamed from .jpeg to .jpg thinking that might fix it. It has been corrected in the code.

10th Apr 2018, 2:14 PM

Blake Windham

- 1

you will need to upload it in order to use it in the playground. First,Upload it to your google drive ,dropbox ,any file storage cloud-service.

10th Apr 2018, 2:17 PM

Hallox

- 1

Where is your Html file located ?

10th Apr 2018, 2:20 PM

Hallox

- 1

/Users/blake.windham/Desktop/HTML/Images/TerryLogo.jpg

10th Apr 2018, 2:35 PM

Blake Windham

- 1

I figured it out! When I started this project i only had to put the name of the file itself, that didn't include /Images or anything above that. I tried putting in the entire location starting from "Users" and its now displaying. Thanks for the help!

11th Apr 2018, 3:21 PM

Blake Windham