Thread: Going nuts..

Results 1 to 3 of 3
  1. #1
    Join Date
    Aug 2008
    Posts
    2
    Plugin Contributions
    0

    Default Going nuts..

    Ok so I have created my own layout and I thought I was doing really good getting it lined up (I am not great with CSS, but help with Firebug has helped me get this far and this is still a WIP). For the life of me I just cant seem to get the whole layout to match up and I am sure it is something silly and simple that I am just not seeing in my CSS.
    You can see my site here http://newkindalove.com/boutique/
    I'd really love for it all to line up together and be centered in the page.

    Also if you look closely there is that little white section that does not have a border. I want to know how to either fix it to have a matching border or to remove it. Here is a screen shot of the area in question.


  2. #2
    Join Date
    Oct 2007
    Location
    Australia
    Posts
    843
    Plugin Contributions
    0

    Default Re: Going nuts..

    Find these two bits in your style sheet:

    Code:
    #logoWrapper{
        background-image: url(../images/navback.png);
        background-color: #808080;
        height:375px;
        width:949px;
        margin: auto;
        background-repeat:no-repeat;
        margin-right: auto;
        margin-left: auto;
           }
    Code:
    #navMainWrapper {
        margin: 0em;
        background-image:url(../images/topheadnav.png);
        background-color: #808080;
        font-weight: bold;
        color: #000000;
        height: 76px;
        width: 949px;
        }
    And try changing them to this:

    Code:
    #logoWrapper{
        background-image: url(../images/navback.png);
        background-color: #808080;
        height:375px;
        width:949px;
        margin: auto;
        background-repeat:no-repeat;
        background-position:center;
           }
    Code:
    #navMainWrapper {
        margin: 0em;
        background-image:url(../images/topheadnav.png);
        background-color: #808080;
        font-weight: bold;
        color: #000000;
        height: 76px;
        width: 949px;
        background-repeat:no-repeat;
        background-position:center;
        }
    And the same for the bottom bit:

    Code:
    #navSuppWrapper, #navCatTabsWrapper {
        margin: 0em;
        background-image:url(../images/bottomheadnav.png);
        background-color: #808080;
        font-weight: bold;
        color: #000000;
            height: 238px;
        width: 949px;
    }
    Code:
    
    
    #navSuppWrapper, #navCatTabsWrapper {
        margin: 0em;
        background-image:url(../images/bottomheadnav.png);
        background-color: #808080;
        font-weight: bold;
        color: #000000;
            height: 238px;
        width: 949px;
        background-repeat:no-repeat;
        background-position:center;
    }

    I *think* but could be wrong LOL that your background images are not centered and hope this will solve it for you
    Last edited by LissaE; 19 Aug 2008 at 05:57 AM.
    HunnyBee Design
    "A man's manners are a mirror in which he shows his portrait." ~ Johann Wolfgang von Goethe

  3. #3
    Join Date
    Aug 2008
    Posts
    2
    Plugin Contributions
    0

    Default Re: Going nuts..

    Thanks a ton that did help slightly and when fixing it I noticed one section that I had the width set wrong!!! Now I have it lined up just gotta finish editing the style sheet so colors match.

 

 

Similar Threads

  1. Going Nuts !
    By HaIzI72G3T in forum General Questions
    Replies: 5
    Last Post: 27 Nov 2011, 07:22 PM
  2. Going nuts here
    By sandswillis in forum Installing on a Mac Server
    Replies: 5
    Last Post: 27 Feb 2011, 05:28 PM
  3. Which Paypal to use? I'm going nuts?
    By bogie in forum PayPal Express Checkout support
    Replies: 3
    Last Post: 3 Mar 2008, 09:42 PM
  4. Going Nuts-Java Menu
    By orenda in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 15 Oct 2006, 10:43 PM

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR