Background image

[jwade_m]

I think this is where I would put a background image...

body {
margin: 0px;
margin-bottom: 5px;
padding: 0px;
background: #821;
color: #9679;
font-style:normal; font-variant:normal; font-weight:normal; line-height:15px; font-size:12px; font-family:Lucida Grande, sans-serif;
}

But what code do I type, and what is the difference between "background" and "color"?

[tommylogic]

you can insert an image in block-level or inline element... handy if you have multiple images you've sliced and need to insert

[...Gav]

body {
margin: 0px;
margin-bottom: 5px;
padding: 0px;
background: #821;
color: #9679;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
font-size:12px;
font-family:Lucida Grande, sans-serif;
background-image: url (YOUR IMAGE LOCATON HERE);
background-repeat: repeat-x; (if u want it to repeat ACROSS the page)
background-repeat: repeat-y; (if you want it to repeat DOWN the page)
}

If u want it to repeat across and down then leave background-repeat out all together

this will put a background on the whole website not just 1 container

[jwade_m]

ok I added this line

background-image: url http://www.niccums.com/blog/wp-conte...cums_bkgr.gif;

...it's not working. what did I do wrong?

[tommylogic]

background-image: url(../bkgr.gif)

location of image must be in parenthasese

Example

body
{
background-image: url(stars.gif);
background-color: #000000
}

Possible Values

Value Description
url(URL) The path to an image
None Default No background image

[jwade_m]

ok...got that. Now I'm having logo problems. This is the code:

#logo {
background: url('http://www.niccums.com/blog/wp-content/themes/summerburst-10/images/niccums_logo.png') no-repeat;
height: 200px;
width: 800px;
margin-right: auto;
margin-left: auto


See any problems...the original logo is gone, but now I just have a blank spot.

[...Gav]

yea cuz u need background-image for the image to display correctly

[...Gav]

your version:
background: url('http://www.niccums.com/blog/wp-content/themes/summerburst-10/images/niccums_logo.png') no-repeat;

correct version:

background-image: url(http://www.niccums.com/blog/wp-content/themes/summerburst-10/images/niccums_logo.png);
background-repeat: no-repeat;

by the way, is your image not uploaded to the web? If not just pull everything off your folders i.e

background-repeat: images/niccums_logo.png;

[Mack]

It does not need to be background-image its can be background:

looking at my awesome portfolio page you can see a background and this CSS:
mckenziemedia - personal portfolio of mike mckenzie - web designer

body {background: url(../images/diamonds.gif);}

[...Gav]

maybe it isnt showing then because your pointing the image URL to something that isnt there..