WYSIFA Forum

tugger99 · Joined: 19 Mar 2008 Age: 56 Posts: 3

Hello. I am a newbie, green but not from outer space! I do not know or use css, html or how to write code. I am using KompZer in the normal page (WYSIWYG page). I tried to insert a .png image file for a background, but that file didn't upload to the host and display on other computers on the web. (It did show up on my computer!) I am trying to build my own website. I apologize in advance for not having any expertise in building a website. Can someone very patiently explain how to insert a image file for the background? Thanks for helping!

dr john · Joined: 18 Aug 2007 Posts: 594

The images should be in a sub folder of the one containing your html pages. you have to specifically upload the image itself. You should ensure that the image uses a relative link eg src="images/myimage.png" and not an absolute link src="c:\mydocuments\webwork\website-1\images\myimage.png"

You can check the type of link by viewing the source code
_________________
www.sky-web.net
www.kidneydialysis.org.uk

tugger99 · Joined: 19 Mar 2008 Age: 56 Posts: 3

Thanks very much for the reply, dr john. I don't understand code very well and usually don't touch the source code. However, I moved the background image file to a file in the sub-directory where the pages are located. The relevant code line is as follow: (copied and pasted from the source page).

background-image: url(file:///C:/Documents%20and%20Settings/Owner/My%20Documents/Web%20Pages/images/parchment%20composite2.jpg);"

Does this appear as it should? Please remember that I don't write or understand code or use style sheets or templates. Thanks again.

BobCP · Posted: Sat Mar 22, 2008 5:30 pm Post subject:

That's still pointing to a file on your hard drive. You will have to re-link the background image (making sure the URL is relative..." checkbox is checked). Browse for the proper file.

Once you do that again, check the source code for the absence of "file:///...".

Also, you might want to take the space out of the file name. See the Site Mapping link below for hints on that and other stuff.
_________________
Bob P
Help Pages:
Site Mapping, Missing Pictures and FTP
Charles Cook's User Guide

tugger99 · Joined: 19 Mar 2008 Age: 56 Posts: 3

Thanks for your replies. I have tried to get the background with no still no success. I changed the file location to subfile in the same directory as the page. I was able to get KompoZer to let me check the box that says the URL is relative to the home page (images/parchmentcomposite2.jpg) The relative line of the source code now is:

style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(images/parchmentcomposite2.jpg);"

I published the page to the server. When I access the page on the web-other image changes are visible but there is no bacdground! What is wrong?

BobCP · Posted: Sat Mar 22, 2008 9:41 pm Post subject:

First, always refresh the web page after you've made a change.

If that doesn't fix the "problem", use an FTP program to check on and/or upload the background file. Kompozer's Publish has some bugs.

If you could post the URL, we could take a closer look.
_________________
Bob P
Help Pages:
Site Mapping, Missing Pictures and FTP
Charles Cook's User Guide

BobCP · Posted: Sun Mar 23, 2008 12:16 pm Post subject:

I can't find a reference to any background image in your source code, nor can I find parchmentcomposite2.jpg on your site.

(Tugger sent me his URL in a PM, so I won't post it without his permission.)
_________________
Bob P
Help Pages:
Site Mapping, Missing Pictures and FTP
Charles Cook's User Guide