the famous background image question

[jerry1962]

Hi all: Ver 2.3.1

I have tried and looked and re coded but i still cant seem to do it.

.clear {

clear: both;

}

body {

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

background: #9f5914;

color: #000;

margin: 0px;

font-size: 11px;

font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;

}

 

#bodyWrapper {background:#ffffff;}

 

#bodyContent {background:#ffffff;

}

im trying to have the background-image:url('images/Coqusmi.jpg')

on the left and right of the page

i have tried various combo's but all i can do right now is change the color of the background any help would be great thanks

jerry

[germ]

Change the body element in stylesheet.css to this:

 

body {
 color: #000;
 background: #6b1b14;
 background-image: url('images/Coqusmi.png');
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

[jerry1962]

Change the body element in stylesheet.css to this:

 

body {
 color: #000;
 background: #6b1b14;
 background-image: url('images/Coqusmi.png');
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

[jerry1962]

Thank you sir for the quick and accurate response i understand now that it has to be in that order

[madbusu]

omg ..it's not working for me

 

body {
 background: #fff;
 color: #000;
 background-image: url('catalog/images/bg3.jpg');
 background-repeat: repeat-x;
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

 

and yes i hold down <crtl> key

[germ]

omg ..I can't help 'cuz you didn't leave a url

 

and yes I'll need it to be of any assistance.

[madbusu]

omg ..it's not working for me

 

body {
 background: #fff;
 color: #000;
 background-image: url('catalog/images/bg3.jpg');
 background-repeat: repeat-x;
 margin: 0px;
 font-size: 11px;
 font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

 

and yes i hold down <crtl> key

 

sorry

my testing shop goes here http://www.madbusu.byethost7.com/catalog/index.php

[madbusu]

it's work fine now ...i think it's waz refresh page problem hosting side

body {
 background: #181818;
 color: #959595;
 background-image: url('images/bg3.jpg');
 background-repeat: repeat-x;
 background-position: top center;
 margin: 0px;
 font-size: 13px;
 font-family: Tahoma, Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
 position: relative;

[MrPhil]

When you give a "background-image" property (url), if it's a relative path, it is relative to the directory containing this CSS file. Therefore, if it's catalog/stylesheet.css, and your image is in catalog/images/bg3.jpg, the correct URL would be images/bg3.jpg (since you're already in catalog/).