+ 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 Answers

- 1

Is your html file located in HTML folder ?

10th Apr 2018, 2:37 PM

Hallox

+ 2

Your all <p> and other HTML tags do not have inline styling. Correct them to display the image as following: <p style="text-align: center;"> I hope this helps. There could be errors in your Style Sheet as well. You may be calling classes incorrectly. You can also look into KhanAcademy QnA for further help. Practice More, Good Luck!

10th Apr 2018, 1:52 PM

A J

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