Background image won't display

[dsewell]

All,

I had a background image which just repeated, it displayed ok. Then it stopped dispalying. Checked my folder permissions they are all at 755. Here is the Code from my style sheet. Any ideas?

body {
margin: 0;
background-image:url(http://www.ontargetairsoft.com/zenC/...ckground.gif);
background-repeat: repeat;
}

Thanks!

[gjh42]

The code that is actually in your stylesheet right now is a bit different from what you posted:

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
        Background-Image: URL

(http://www.ontargetairsoft.com/zenC/includes/templates/ontarget/images/background.gif);
	background-repeat: repeat;
	}

Just removing the linefeeds from this makes it work again, but for good form you should also change it to this:

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
        background-image: url(../images/background.gif);
	background-repeat: repeat;
	}

The "url(../images/" means that it will start from the current template in the current shop root directory, so if you copy your site to your local pc for testing it will still work. The full address you have will only work when you are on that address.

[dsewell]

Thanks, I'm starting to get it.

I took the whole URL(http://www.....) and replaced it with (../images/background.gif); It works now.

How does the CSS know the whole file path?

[gjh42]

That's part of the inner workings of CSS. You and I only need to know that it does it.

The . is used in various file-handling programs to symbolize something like "the parent or root of where you are now".