Images not showing? - Post ID 245290
Hello, I added a background image to my html but it's not showing.
Here's what I put:
background-image:url('/desktop/background_image.jpg');
I named it "background_image" and it's a jpg.
What am I doing wrong?
Here's what I put:
background-image:url('/desktop/background_image.jpg');
I named it "background_image" and it's a jpg.
What am I doing wrong?
Bring the image into the directory of your project like in a folder named images.
background-image:url('images/background_image.jpg');
background-image:url('images/background_image.jpg');
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Eric Rohloff wrote:
Bring the image into the directory of your project like in a folder named images.
background-image:url('images/background_image.jpg');
Bring the image into the directory of your project like in a folder named images.
background-image:url('images/background_image.jpg');
How would I find that folder?
You need to create the folder, then put your images into it.
Please have a read through here:
http://www.coffeecup.com/help/articles/ … ml-editor/
Please have a read through here:
http://www.coffeecup.com/help/articles/ … ml-editor/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
The reason you are not getting them to work is because you need to reference the files "as if" they were on the web and right now they are pointed to a location on your own computer. When they are on the web they will not be in a desktop directory so:
images/imagename.jpg or .png or ... You hopefully get the picture.
Hope that helps understand what is actually wrong.
-
1. Go to the location that your website files are located and see if there is already a folder called images.
2. If not, then create one there and put your images inside it.
3. If there is, then put your images inside it.
images/imagename.jpg or .png or ... You hopefully get the picture.
Hope that helps understand what is actually wrong.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.