How to center banner on top?

Hey, my website is http://www.modchipcentral.com/catalog/

I made a banner on the top but can't get it centred. Been searching this forum like crazyfor the past few hours and still can't figure it out...

From your view source:

<div id="bannerTwo" class="banners"><img src="images/logo.gif" alt="logo" title=" logo " width="468" height="60" 

I suggest that you back out the banner that you have enabled first.

then place this image in this folder:
includes/templates/sophybluegr/images/logo.gif
and let zen Cart place the image in a normal way.

Then to center this edit the includes/templates/sophybluegr/css/stylesheet.css file and find this:

#logo {
    float: left;
    padding-top: 17px;
    padding-left: 18px;
    }

Change to this:

#logo {
	margin: 0em;
	text-align: center;
	padding-top: 0px;
	}

See if this gets you what you want

Hey, that moved it comletely to the top. I wanted it in that empty rectangle box. But at least it looks better. Let me know if you can help with that. :smile:

Well it is now loading an image from template_default/images and this is not where I suddested tha you place this.

But it is in the correct div and this should be in the box that you referred to. Would have to see your code etc to determine what is going on. Have you attempted to edit any code?

Well, I don't know what to edit to make it go int hat rectangle. How would I go about showing you the code? Heh, sorry for the questions. First site I made and its going well. It's pretty much done except for that banner...

myself:

Have you attempted to edit any code?

Need to know what you might have edited if anything as your logo is being rendered outside of the standard headerWrapper

oh ok. i already forgot since i edited a bunch to get the site like that. Which file would have thecode that puts the banner in that position? I have all the original files so i could upload that original back...

OK, so I got that part fixed, changed what you said and it still is not in the center.

Well now that it is in the correct place in the code add/alter this:

#logo {
	margin: 0em;
	text-align: center;
	padding-top: 30px;
	}