Needing to add a background image

[robthebulder]

Hello all,

 

I need some step by step help in including a background image to all my pages. Thanks. :)

[robthebulder]

Btw, I have searched the forums before posting this. I didn't see where anyone had posted a fix to my problem. I have a white background right now, and I know it has to do with messing with the sytlesheet, but I fail each time. Not as simple as adding background-image: url(images/yoursite.com);

[♥rocket468]

You need to edit your body tag in your css file.

 

BODY {

background: #333 url(images/background.gif);

}

[♥rocket468]

double post

[robthebulder]

You need to edit your body tag in your css file.

 

BODY {

background: #333 url(images/background.gif);

}

 

Thanks rocket, I'll try that.

[Rex_C]

I am also having significant trouble getting a background image to appear. I currently have this in my stylesheet.css:

 

BODY {

background: #333 url(images/bkgnd.jpg);

background-attachment: fixed;

background-repeat : repeat;

background-position: top left;

background: #FFFFFF;

color: #000000;

margin: 0px;

}

 

However, I have also tried many other variations on this including:

background: #333 url('images/bkgnd.jpg');

background-image: url(images/bkgnd.jpg);

background-image: url('images/bkgnd.jpg');

background-image: url(/images/bkgnd.jpg);

background-image: url('/images/bkgnd.jpg');

background-image: url(catalog/images/bkgnd.jpg);

background-image: url('catalog/images/bkgnd.jpg');

 

and virtually every other conceivable combination of slash, single quote and directory combinations. My directy for the images is: htdocs/catalog/images (unchanged from the installation). What have I missed and why the hell hasn't anyone made an interface to DreamWeaver?

[Rex_C]

For those that have read my previous post and need an answer, here you go:

 

You cannot use the BACKGROUND: statement in combination with the BACKGROUND-IMAGE: statement.

In my example above I had two conflicting lines:

 

background: #333 url(images/bkgnd.jpg);

and

background: #FFFFFF;

 

These do not work together because, apparantly, the second line overrides the first. Previous posts on this topic suggested the line: background: #333 url(images/bkgnd.jpg); while other posts have suggested the following: background-image: url('images/bkgnd.jpg');

 

Either line will work as long as the line: background: #FFFFFF; is not also present. I also changed the line that said: color #000000; to background-color: #000000; to yield the final result of:

 

BODY {

background-image: url('images/bkgnd.jpg');

background-attachment: fixed;

background-repeat : repeat;

background-position: top left;

background-color: #000000;

margin: 0px;

}

 

I hope this clarifies the process to those who are not programming geeks. The question remains, however, why there isn't an interface to use common WYSIWYG interfaces like Front Page and DreamWeaver.

 

-Rex