Computing.Net > Forums > Web Development > background images won't load

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

background images won't load

Reply to Message Icon

Name: RAF
Date: April 11, 2004 at 20:07:11 Pacific
OS: XP
CPU/Ram: p4 2.0g/654
Comment:

I had a question earlier about images not loading on my website. I figured out what I was doing wrong, but now I am having a problem with background images. I can set the background image without a problem, however as soon as I save the page and try to browse the background is gone. Any ideas? Do you need more info? I am using Netscape Composer 7.1

Thank you,

RAF



Sponsored Link
Ads by Google

Response Number 1
Name: RAF
Date: April 12, 2004 at 09:36:49 Pacific
Reply:

Please help. I'm getting quite frustrated and can't find an answer anywhere else. To be more specific, Netscape Composer keeps clearing the 'URL is relative to page location' checkbox.

The image is in the same folder as the web page.

Anyone? Please?

RAF


0

Response Number 2
Name: wiredsj
Date: April 12, 2004 at 12:08:14 Pacific
Reply:

raf,

Just a hunch but i'd check that the case of the graphic's name match in both your html code and the actual file name. Windows isn't case sensitive but a lot of hosts are running Unix which is case sensitive. In windows files named (index.html, Index.html INDEX. html and index.HTML would all be looked at as the same file where in Unix that would be considered 4 different files. So any variation would work correctly on a Windows box but once you upload it to a Unix server it would only work if the case matched exactly. It's a very common oversight.

good luck,
wired


0

Response Number 3
Name: SN
Date: April 12, 2004 at 14:14:22 Pacific
Reply:

raf-
The more information you post, the faster you will get replies because it will be easier to find the problem instead of taking wild guesses and speculations.

Can you post your page online and give us a link to it? If so, your problem will be a quick one to resolve. If not, give as much information as possible...ie the exact code you are using to place the background image on your page, and the filename of the background image.

Also, in a problem like your previous one, when you find a solution yourself, remember to post it so future people reading your post with the same problem can benefit from your experience.

Good luck,
-SN


0

Response Number 4
Name: RAF
Date: April 12, 2004 at 14:59:33 Pacific
Reply:

Thanks guys

My thoughts are sort of all over the place so let me try and clear this up.

- I have very limited knowledge of html so I'm using Netscape Composer because it's WYSIWYG.

- My problem is occuring before uploading to the server. I go to page colours & backgrounds; I use the browse for file button and select an image located in the same folder as my saved page; I check the box to indicate that the url of the image is relative to the location of the page (/images/image.jpg); I click ok; I save the page. The background is now visible in Composer but when I click to preview in Navigator the background doesn't show up. When I go back to page colours & backgrounds the url is relative.. check box is cleared (file:///C:/Documents/My_Website/images/image.jpg).

- Here are the first couple of lines of code after body:

<body link="#000000" vlink="#000000" alink="#000000"
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(file:///E:/RAF's_Canadian_Music_Family_Tree/images/wmpage_background.jpg);">

Composer generates the code based on my design. With the above code, background is visible in Composer but not in Navigator or IExplorer.

- Here's a link to the page online:
http://members.rogers.com/raf531_6/wmfamtree.html

- I didn't post how I solved the last problem because of my pure stupidity. I didn't upload the images to the server.

Let me know if you need more info. Thanks for your help.

RAF



0

Response Number 5
Name: SN
Date: April 12, 2004 at 15:02:47 Pacific
Reply:

Change this:
file:///E:/RAF's%20Canadian%20Music%20Family%20Tree/images/wmpage_background.jpg
to just

wmpage_background.jpg

And upload wmpage_background.jpg to the same folder as the wmfamtree.html page.

The file:/// tells the browser to look for the file on the user's hard drive. Taking that out will tell the browser to look for it in the same folder as the html page is on.

Good luck,
0SN


0

Related Posts

See More



Response Number 6
Name: RAF
Date: April 12, 2004 at 15:10:30 Pacific
Reply:

It won't stay. I forgot but I actually tried fixing it directly through the code as you suggest but it resets itself the same way the check box clears itself.

RAF


0

Response Number 7
Name: wiredsj
Date: April 12, 2004 at 18:26:16 Pacific
Reply:

raf,

Just type the actual path to the file inn the "Background Image" field the way you want it relative to your index.html file (/images/image.jpg) instead of using "choose file" and then it won't use the absolute path you're trying to avoid.

In Composer you only "choose file" for absolute paths and you type the filename/path in for relative paths.


ciao,
wired


0

Response Number 8
Name: anonproxy
Date: April 12, 2004 at 20:35:55 Pacific
Reply:

I tried using Mozilla's Composer (the same one Netscape uses) and I was frustrated in a few minutes. I would recommend something, almost anything, else. Try something like EasyHTML. No, it's not for breadwinning, but I think it really is easy. Ill admit, I have used it more than Dreamweaver.

What you're struggling with is a slightly abstract concept. There are no images in a HTML file. There are only references to images (URL's, or locations where the image file actually is). These references usually go to a URL - ideally in a directory somewhere on your website. Why a URL? Well, when a browser downloads the HTML you want it to find the image and display it in the page right? So if the user is online their browser can grab the image by looking at the URL in the IMG tag. The Composer program is assigning the image's location to your harddrive, because that's the only location it knows of where that image is. Unfortunately, this only works for you on your computer. No one else with that HTML would be able to get that image.

The solution is to place the images somewhere on the Internet where anyone who gets your webpage can access them (try your website). Whenever you want those images in your HTML page, just reference their URL in the image tag. Again, I wouldn't recommend the Composer program, but use what you want.


0

Response Number 9
Name: RAF
Date: April 13, 2004 at 07:09:36 Pacific
Reply:

Thank you to everyone for your input. Using Anonproxy's suggestion, I uploaded the image to the server first then entered the url in the background field. Finally it works!

Re. Composer vs. Dreamweaver:

I downloaded the trial version of Dreamweaver and with all the functionality of that program I could do a lot more with the site. That is also the problem. I spent hours working on one page and still didn't manage to end up with a completed design that I liked. With Composer's vast limitations I had managed to build a simple but nice looking site consisting of about 25 pages in about an hour & a half.

The site is just a hobby and a learning experience. I will continue to explore other resources and enhance the pages as I learn new techniques.

Thanks again, everyone.

RAF


0

Sponsored Link
Ads by Google
Reply to Message Icon






Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: background images won't load

Images won't load - really weird www.computing.net/answers/webdevel/images-wont-load-really-weird/366.html

images don't load www.computing.net/answers/webdevel/images-dont-load/505.html

Site Won't Load On Random Computers www.computing.net/answers/webdevel/site-wont-load-on-random-computers/2909.html