Help banner not wide enough & on top of zen cart banner!!!

[hcd888]

Help, iam a newbie not very experienced here.

Iam building my site, and put my banner on there, but it seems to be on top of the Zen cart banner. When i load up page, i see the Zen cart banner, then my banner goes on top of it.

I also tried changing the width of the space for the banner, but doesnt seem to work. White bar with the home is over my banner, how could i move it all down so its under my banner.

Please look at my site at www.qualityfoodguide.co.uk

Thanks

[schoolboy]

From your page source code, I see that you are using the CLASSIC template.

You should create your own template system before editing code, so think about this...

Anyway, what I propose is not a code edit...

In: templates/classic/images

you will see a file called header_bg.jpg

FTP this file (image) to your hard drive (in binary mode, as it's an image)

Open the image in an image editor (even MS "Paint" will do).

Using the edit tools in your image editor, make the entire image white.

Save the image (as header_bg.jpg)

FTP this new image to: templates/classic/images

When prompted by your FTP, OVER-WRITE the existing image.

You now have a plain white header_bg as a background.

[schoolboy]

White bar with the home is over my banner, how could i move it all down so its under my banner.

I recall a module in the Free Add-ons that changes the position of the address bar from ABOVE the logo, to BELOW the logo. I think this module was the work of Clyde Jones.

EDITED because I found the mod:

http://www.zen-cart.com/index.php?ma...roducts_id=132

[hcd888]

Hi, thanks for getting back to me, ive included a picture here i meant, i wanted to moved the boxes down a bit, because it is covering my header.

I think my picture describes it better, hope u can help, Thanks

[schoolboy]

Your logo IMAGE is 120 pixels deep, but your stylesheet says:

#logoWrapper{

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

	background-repeat: repeat-x;

	background-color: #ffffff;

	height:75px;

Your logowrapper is asking for just 75 pixels !

Change to:

#logoWrapper{

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

	background-repeat: repeat-x;

	background-color: #ffffff;

	height:120px;

[schoolboy]

... and on the above point... my earlier post about header_bg.jpg

... Your header_bg.jpg should be sized to fit your WIDTH and HEIGHT dimensions as stated in your stylesheet:

#mainWrapper {

	background-color: #ffffff;

	text-align: left;

	width: 950px;

	vertical-align: top;

	border: 1px solid #9a9a9a;

	}

and height:

#logoWrapper{

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

	background-repeat: repeat-x;

	background-color: #ffffff;

	height:120px;

so your header_bg.jpg should be 950X120 px.

[hcd888]

YAY

Thanx Schoolboy u been a great help, many Thanks

I really appreciate the help