954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

using image for background on index page?

I planned on using an image as the background on my index page but it only works in preview mode. It doesn't show up when i upload the files. I'd like to have the image cover the entire page and i'd add buttons to that. Shrinking the file way down doesn't help. I don't have a problem loading images for content or thumbnails. I've been offered suggestions elsewhere but nothing has worked so far. I'm not using css. I'm using a mac. Suggestions?
thanks

wasakonis
Newbie Poster
1 post since May 2007
Reputation Points: 10
Solved Threads: 0
 

Several questions:

- Did you use relative addressing to point to the image? Or is the web page looking for it on your hard disk (where it can't be found by the ISP computer).

- Is the image in the same folder on the site, relative to the location of the index page, as it was in the test setup?

- Did you remember to make the image public on the ISP when you made the .htm files public?

- Are you exceeding the ISP maximum download size for a page?

- What type of image file is it?

- Is the image larger than the browser window? Some browsers refuse to display such images.

- Are you using the deprecated background="url" property inside the body tag? It was never fully implemented in all browsers. Use a style sheet instead.

- Did you forget to close a quote, or to put quotes around the url?

- Use one of the validator programs, and see if you forgot to close tags.

- Many ISPs are case-sensitive for filenames.

- Does the filename violate the ISP file-naming rules?

Sample rules for mainframe ISP file servers which are different than Windows or Mac names:

1. No spaces in the filename.
2. The first character must be alphabetic.
3. No more than 8 characters in a filename. (It will shorten it "for you").
4. No 4-character extensions (such as .jpeg).
5. No special characters other than the underscore.
6. Must be all-lowercase.

These are sample file-naming conventions. Find out what your ISP actually requires for a filename.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

I have never done any web design on a mac but can't you just stick:
[code]

[code]

just an idea. but obviously it is css.

roryt
Nearly a Posting Virtuoso
1,286 posts since Oct 2005
Reputation Points: 178
Solved Threads: 15
 

Yes you can, if the image is in a folder called "image" which is inside the folder containing the web page.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

Well you could just change that folder to whatever? you can obviously also link to a complete url from there.

<style type="text/css">
body {
background-image: url(http://www.myimagehosting.com/image/image.jpg);
}
</style>


{just an example!}

roryt
Nearly a Posting Virtuoso
1,286 posts since Oct 2005
Reputation Points: 178
Solved Threads: 15
 

well i think i have more or less the same problem.

i have made a picture to be displayed on the background of the entire site but it didn't work when i included the code in an external stylesheet.
It did however work as a global stylesheet, decleared in the header of the site.

¤| battousai |¤
Light Poster
37 posts since Sep 2006
Reputation Points: 17
Solved Threads: 1
 

It should work as an external stylesheet. You need to make sure that you are getting the correct url from the folder that your stylesheet is in not the page it is displaying on.

roryt
Nearly a Posting Virtuoso
1,286 posts since Oct 2005
Reputation Points: 178
Solved Threads: 15
 

Paste this in the head tags.
Remember ur image will wrap.

macneato
Posting Pro in Training
421 posts since Jun 2007
Reputation Points: 46
Solved Threads: 48
 

It is a much better choice to do it in your external style sheet no in your head

roryt
Nearly a Posting Virtuoso
1,286 posts since Oct 2005
Reputation Points: 178
Solved Threads: 15
 

Your image file descriptor must be designed to tell the stylesheet where the image file is from where the css file actually IS stored.

so if you have your html files in your top folder, with subfolders named css and images, you have to get from the css folder up to your top folder, and then down to the images folder. Like this:

url(../images/image.jpg)

the .. says go to the parent folder above the folder the file is in.

the /images says to go to the subfolder named 'images'.

the /image.jpg says to get the image file named 'image.jpg'.

Another way to specify it is:

url(/images/image.jpg)

The / as the first item in the url means to start at the root directory of your site.

the others are the same.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

Just a thought, if your using a linux server, it might just be that the server is case sensitive and your WYSIYOG designer ignores that, had a similar problem a while back.

zabador
Newbie Poster
13 posts since May 2007
Reputation Points: 10
Solved Threads: 0
 
Just a thought, if your using a linux server, it might just be that the server is case sensitive and your WYSIYOG designer ignores that, had a similar problem a while back.

Very good point. I didn't think of that.

roryt
Nearly a Posting Virtuoso
1,286 posts since Oct 2005
Reputation Points: 178
Solved Threads: 15
 
kkeith29
Nearly a Posting Virtuoso
1,357 posts since Jun 2007
Reputation Points: 235
Solved Threads: 194
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: