Results 1 to 4 of 4
  1. #1
    Join Date
    Oct 2007
    Posts
    41
    Plugin Contributions
    0

    Default Header.jpg does not align

    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?

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    18,138
    Plugin Contributions
    2

    Default Re: Header.jpg does not align

    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.

  3. #3
    Join Date
    Oct 2007
    Posts
    41
    Plugin Contributions
    0

    Default Re: Header.jpg does not align

    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

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    18,138
    Plugin Contributions
    2

    Default Re: Header.jpg does not align

    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;}

 

 

Similar Threads

  1. How can I align last <li> in nav bar in header to the right?
    By ebaobao in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Sep 2010, 08:33 PM
  2. align header text
    By abs007 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 21 Mar 2009, 01:09 PM
  3. how do I align the EZ pages header?
    By demz001 in forum General Questions
    Replies: 3
    Last Post: 9 Jan 2009, 12:05 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •