Header.jpg does not align

[asiamarinehub]

I am using v1.3.9h. I have not got it live and using wamp to run it. I am trying to change the header.jpg. When no one logs in, the whole site looks in line after I make these changes at

http://tutorials.zen-cart.com/index.php?article=124

When one logs in, there is a big gap between header.jpg and the main body



How do I correct it at the stylesheet.css?

[stevesh]

Without a link to the site, we'd just be guessing.

Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-6, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

When you know where in the stylesheet that area is styled, check margins and padding.

[asiamarinehub]

Hi, I have tried but still the same.

http://www.tripowermart.com/ecommerce

You have to create an account and log in to see the gap. Please help

[stevesh]

This is what's causing your problem. I can't fix it using Web Developer, so you'll have to fiddle with it. Start by removing the float: right; and the margin-top.

.my-acct { float: right; margin: 5px; position:relative; margin-top:270px; padding:3px; font-weight: bold;}