CSS Forum

**Fireworker** · 02-19-2007, 04:35 AM

I have a background problem. I have downloaded a gif-file from the Netscape page and now I want to use that as my background for all my pages on my site.
Here is the code of the external style sheet:

body {
padding:0 5%;
background-image: url(../Images/blue_paper.gif);
}

Problem with it is that it doesnt work. I dont have much knowledge of css. Is the code wrong? Do I have to add something? I hope you can help me out.

Fireworker

**gringo** · 02-19-2007, 05:24 AM

Could you give more information Fireworker?

In what way doesn't it work? Do you have a link to the page so we can see the source?

**Fireworker** · 02-19-2007, 09:39 AM

The link is: http:// www.newthinking.nl/

This is how I want the pages to look like but I want to change the code. The code is now:

<body bgcolor="#FFFFFF" background="../../Images/blue_paper.gif" link="#0033FF" vlink="#993366">I made this code with Dreamweaver.

I already made an external style sheet and now I want to add the background code to it and apply it to all pages.

So I removed the above code from all webpages and added the code in the external style sheet I mentioned in the previous post. But that doesnt work.

So why doesnt it work?

Fireworker

**gringo** · 02-19-2007, 10:00 AM

You've given a link to a page that doesn't have the problem.

Have you got a page that does have the problem?

**Fireworker** · 02-19-2007, 10:05 AM

No, I encounter this problem while working in Dreamweaver. I dont want to upload half work to the site yet.

How can I achieve the same result in css as you see in the site?

Fireworker

**gringo** · 02-19-2007, 10:09 AM

By using the code you gave in the first post. The code looks OK to me. Do you have an Images folder with blue_paper.gif in it?

**Fireworker** · 02-19-2007, 10:43 AM

yes, i have a folder with the gif-file in it and I have added the above mentioned code to the css file but it doesnt work. When I preview the pages, the color is white and not blue as it is supposed to be.

Fireworker

**gringo** · 10:57 AM

Have you linked the external css file correctly:

HTML Code:

<link rel="stylesheet" href="yourstyles.css" type="text/css" />

As a test, you could temporarily add:

HTML Code:

background-color: red;

to the body rule to see whether rules in the stylesheet are getting used. If the background does show up red then you know you have linked to the stylesheet correctly and there is either something wrong with the rule for the background-image, or a preceding rule.

**Fireworker** · 02-19-2007, 11:02 AM

The color red appears. so that is okay. I validated the external style sheet on w3c and the code is okay.

have to check a bit further.

Fireworker

**Fireworker** · 02-19-2007, 12:00 PM

okay, found it. This code does the trick:

Quote:

body {
padding:0 5%;
background: url(Images/blue_paper.gif);
background-repeat: repeat;
}

you see the difference with the first code? Dont ask me why this is so.

Anyway, ty gringo.

Fireworker

**gringo** · 02-19-2007, 12:15 PM

Glad you found a solution