Editing CSS in Dreamweaver, trying to put a background image.

[gjh42]

Post a link to your site, and/or describe exactly where you want the background. As noted above, there is more than one possibility for this. The Firefox Web Developer can let you find this for yourself.

[jamesdavid]

I managed to figure if out with the firefox tool, thanks a lot for the tip.
james

[maidanet]

And you're not going to share what you found out with the rest of us?

[jamesdavid]

Cant believe im helping someone! Using template override, change stylesheet.css

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
background-image: url(../images/main.jpg);
background-repeat: repeat;
background-position: top;
}

Worked for me but im a bit of a newbie. Good luck.

Firefox Web Developer and Firebug are both great for finding the bit of the CSS you need to change.

[gjh42]

As you will notice, this will put the same image into each of the locations in the list. If you only want the image once, or tiled in one continuous sweep instead of several chunks, isolate the element where you want the bg, like this:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#mainWrapper {
margin: 0em;
padding: 0em;
background-image: url(../images/main.jpg);
background-position: top;
}

"Repeat" is the default, so you only need to specify background-repeat: if you want something other than continuous tiling, like repeat-x, repeat-y, or no-repeat.

[emberrains]

What if my background has three images? three separate images to make one, how would I do that?

[gjh42]

If the three images align with parts of your page, you can use them as backgrounds in those parts.
A link to your site and description of exactly where you want the images to appear will let us give useful advice.

[emberrains]

http://dawnenchantments.com/demo/

I'm just starting, I want to make sure the background it going to work with what I want.

I have a background that has a top, middle and bottom, I can put the top in but what code would I use for the middle and bottom?

Thanks so much

[jamesdavid]

Get firefox and then install firebug.

Use Firebug to see what divs you want to attach background images to. (You may want to attach just one image to the mainWrapper div).

Set the background image to the divs you want with your css.

[gjh42]

You could put the top in #headerWrapper, and the middle in #mainWrapper or #contentMainWrapper, or the body {} declaration. The bottom could go in #navSuppWrapper or #siteInfoLegal, depending on its height. You could also put the bottom in #mainWrapper if the middle is in body or #contentMainWrapper.

The best answer will depend on exactly how high each part of the background image is.