Trouble with css images

[cliffecm]

Hi - I am a total novice in this but need to get this website going and move on...

I've changed product images via cpanel and uploadedmenu, header images via cpanel inot the images folder, i've changed many elements in css. But for some reason I can't seem to properly route that header image in CSS stylesheet. I can;t replace the original Zencart header and can't replace the body background colour with a background image, which isanother thing I need to do.
(I've checked the cpanel is pointing at the right custom template)
I am working in a customised version of Zencart contemporary Green.

http://www.sugar-mouse.co.uk/

Here's the header code...


#headerWrapper{
background-image: url(file:///C|/Users/Cliffecm/AppData/Local/images/boardzen.jpg);
background-repeat: repeat-x;
background-color: #ffffcc;
height:180px;
}

Thanks in anticipation - I just can;t figure out what I'm doing wrong.!!!

[gjh42]

url(file:///C|/Users/Cliffecm/AppData/Local/images/boardzen.jpg)

This is the path to a file on your home pc, not the web server location.

url(../images/boardzen.jpg)

is the right way to point to an image in /includes/templates/your_template/images/.


Your stylesheet has an error right at the top:

body {

	background-color:#FFFFCC;

	#logoWrapper{

	background-image: url(file:///C|/Users/Cliffecm/AppData/Local/images/menuboard1.jpg);



	}



	;

	background-repeat:repeat;

	background-attachment:fixed;

	margin: 0;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 62.5%;

	color: #00000;

	background-color: #FFCCCC;	}

The #logoWrapper should not be inside the body {} rule.

[cliffecm]

Hi there - thanks very much for your time and trouble.

I've changed the bad script at the top but am trying to change the header script to point to the images folder on the server.

I know this is fundamental, but how exactly do you do that? I've hit browse and of course wrongly chosen the image file stored on my computer, but I need to point that browse to the server and fetch the file I need from images.

http://www.sugar-mouse.co.uk/ is the site for interest....

thanks again,

Cliff.

[gjh42]

Since this a template image, not a product image, you should save it in /includes/templates/your_template/images/.
Then background-image: url(../images/boardzen.jpg); will find and use the correct image.

[cliffecm]

Dear gjh42 - I'm really indebted for your taking this trouble with me...

thanks for your reply... You know that's exactly where the image is and I've tried this path which you first suggested and it still isn't picking it up..

when i then go back into the stylesheet the line is pointing again to the image on my computer.

totally bamboozled now.

[schoolboy]

I think part of your issue is that you are probaby trying to create a "page" in an external editor - possibly DreamWeaver, and then trying to apply that "page" to zencart.

Interestingly... Zencart (like all CMS platforms) has NO PAGES...

... well... not in the sense that you may understand the idea of "web pages".

Zencart "assembles" the pages "on-the-fly". They do not exist until they are "requested" by the person viewing the site. Depending on what the viewer selects, the assembly code (the PHP) goes about gathering up all the component bits for the requested page, and these "bits" come from many places - including data from the database, images from the images folders, and perhaps some pre-formatted HTML chunks from places like the define_pages folders.

But essentially, there are no "pre-existing" pages. When a person clicks a link or a button, the page they are on "evaporates" forever, and a new page is assembled. Along the way, a CALCULATION may be performed, and some additional information may be written into the database for use later on (such as items in the shopping cart).

Some pages comprise HUNDREDS of assembled elements - all cobbled together by the PHP code...

You need to abandon "conventional" HTML protocols here... A CMS does not consist of "flat" html pages.

[gjh42]

Did you actually change the stylesheet rule to use background-image: url(../images/boardzen.jpg); ?
Did the changed file correctly upload to the server?