adding a background image

[dothanbydesign]

Glenn I have been battling the images today, I am trying to use the smart Background contrubition and have probally made a mess of it. I have my images loaded but can not make the work can you please took at the link and let know what I might do to correct my issue? My home page image and the 1st catagory display a image, but the 1st page image is not the correct one and the other catagorys 2 & 3 display noyhing. http://loftinspwc.com/

[dothanbydesign]

Here my stylesheet where I added the image info.
#logoWrapper{

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

background-repeat: repeat-x;

background-color: #ffffff;

height:300px;

}

#logoWrapper_19 {
background-image: url(../images/smartbg_19.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:300px;
}
#logoWrapper_5 {
background-image: url(../images/smartbg_5.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:300px;
}
#logoWrapper_13 {
background-image: url(../images/header_3.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:300px;
}

[gjh42]

(Replied to pm.)

In short, you need something like

.smartBG_19 #logoWrapper {
    background-image: url(../images/smartbg_19.gif);
    ...
    }
.smartBG_5 #logoWrapper {
    background-image: url(../images/smartbg_5.gif);
    ...
    }  
.smartBG_13 #logoWrapper {
    background-image: url(../images/smartbg_13.gif);
    ...
    }

assuming 19, 5 and 13 are the category ids.

P.S. - I forgot to mention in the pm that header_5.jpg won't work. You need to name it smartbg_##, and the code is written to use gifs, not jpgs. You can change the .gif references to .jpg if you want, but then they must all be jpgs.

[lj111970]

AHHHHHH I love you!!!!!
Thank you SO MUCH!!!!
I have been fighting with this for 3 days and was about to quit until I found this thread. I can't believe it was so simple and I missed it grrr.
Anyways - thanks SO MUCH!!!!

This is the image you want in the background, right?

body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 25%;
    color: #000000;
    background-color: #e5edf5;
        background-image: url(/domain/cart.bnbsoccer.com/html/includes/templates/custombnb/images/bikini.gif);
    }

The best way to specify background images in your stylesheet is like this:

url(../images/bikini.gif)

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

[tactician]

read all the posts stil haveissues with the background not showing here is what i have

E:/inetpub/vhosts/tale4resources.com/httpdocs/includes/templates/t4r/css/stylesheet.css

E:/inetpub/vhosts/tale4resources.com/httpdocs/includes/templates/t4r/images/background.jpg

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

what seems to be the problem?

[tactician]

says i can edit my posts but there is no button to, anyway there is a ; after repeat;

[tactician]

nevermind, i got it thank you, had to add bakground-color transparent into the body tags

[gjh42]

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

is not exactly the correct format for urls. It should be

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

The background-color of an element does not need to be transparent for its own background-image to show.