Image wont display on my website

Question

0.00/5 (No votes)

See more:

All my doc( html,css and image) are located in the same folder : C:\Users\hajar\Desktop\test01

My code is mentioned below.

I have checked the spelling of my image's name, another point that may be worth highlighting is that I am using VS to code, and I have noticed that when I click on the image link in VS , it won’t open instead I get this message : " an error occurred while loading the image"

Thank you in advance for your help.

What I have tried:

background-image: url('coverpage.jpg');

Posted 7-Jun-20 10:42am

hajarbadass

Updated 24-Aug-20 22:41pm

Add a Solution

Comments

RedDk 7-Jun-20 17:33pm

I'm just guessing here because what usually happens when saving HTML to the desktop or another folder (perhaps the website was "published" through VS, I don't know) the path is not absolute. Try including the complete path name along with the file. Experimenting in VS, particularly when jumping between DESIGN and SOURCE is the only way to go. Plus you've got an advantage when doing the manual arrangement of content through DESIGN. Just read the SOURCE that got "wizarded".

Richard Deeming 8-Jun-20 8:16am

If VS displays an error when you try to open the image, are you absolutely sure it's really an image? If you can open it in an image editor, try saving it again to see if it's a problem with the image format.

W∴ Balboos, GHB 12-Jun-20 8:01am

Why not make your life a lot easier and use a simpler editor for your website - no inteference from VS and all of it's defaults and background handling.

I use Expression Web 4 - a now FREE Microsoft product. It understands (i.e., autocomplete) HTML, CSS, javaScrit, php . You save text files to the place you want to save them. If you create (or add) your files to a "website" in VS it handles searches and interconnected changes nicely.

It's simple. You get to know more of what you're doing.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Member 14922285 · Answer 1 · 2020-08-24T22:42:00

Solution 1

This happens to me too try this code:
background-image: url("image.png");

Posted 24-Aug-20 22:42pm

Member 14922285