Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Aug 2008
    Posts
    340
    Plugin Contributions
    0

    Default remove vertical lines in my header

    Recently I made the width of my site bigger and now I have 2 verticale small lines at the left and the right of my header.
    The first line appears to the left of my logo and the second line appears to the right of my logowrapper, but the strange thing is that it only appears on part of the verticle sides

  2. #2
    Join Date
    Jun 2003
    Posts
    33,721
    Plugin Contributions
    0

    Default Re: remove vertical lines in my header

    ... and the URL?
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

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

    Default Re: remove vertical lines in my header


  4. #4
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,267
    Plugin Contributions
    3

    Default Re: remove vertical lines in my header

    In your stylesheet.css:

    Code:
    #logoWrapper{
        background-image: url(../images/header_bg.jpg);
        background-position: top center;
        background-color: #ffffff;
        height:40px;
        width:750px;
        margin: auto;
        border-left:1px solid #9a9a9a;
        border-right:1px solid #9a9a9a;
        }
    get rid of:

    Code:
        border-left:1px solid #9a9a9a;
        border-right:1px solid #9a9a9a;
    and make:

    width:750px;

    width:800px;

    (I found the above works for me... but it may not be a complete fix because your stylesheet is very badly arranged - it's in a mess. If you tidy it up you will be able to see things more easily.)
    Last edited by schoolboy; 30 Jan 2009 at 10:27 AM.
    20 years a Zencart User

  5. #5
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: remove vertical lines in my header

    Li,
    Sorry Kim to budge in..

    You need to change your logo width to 750px.
    Use photoshop to resize her and ftp her up to the images folder

  6. #6
    Join Date
    Aug 2008
    Posts
    340
    Plugin Contributions
    0

    Default Re: remove vertical lines in my header

    Thx
    it worked fine

  7. #7
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: remove vertical lines in my header

    Li,
    Glad you have the site looking in the right direction...

  8. #8
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,267
    Plugin Contributions
    3

    Default Re: remove vertical lines in my header

    Quote Originally Posted by lieven23 View Post
    Thx
    it worked fine
    Still looks duffy to me...

    Because

    your mainWrapper is 800px

    and

    your logoWrapper is 750px

    As pointed out in my earlier post, make the logoWrapper 800px too.
    20 years a Zencart User

  9. #9
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: remove vertical lines in my header

    Quote Originally Posted by schoolboy View Post
    Still looks duffy to me...

    Because

    your mainWrapper is 800px

    and

    your logoWrapper is 750px

    As pointed out in my earlier post, make the logoWrapper 800px too.
    Keen eye Schoolboy,

  10. #10
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,267
    Plugin Contributions
    3

    Default Re: remove vertical lines in my header

    I don't wish to be nit-picky... but, in addition to the above width issue,

    Your header_bg.jpg is 2px × 106px

    but

    Your logoWrapper is only 40px deep....

    You are cutting 66px off the tiled header_bg.

    Just make header_bg 40 px as well.
    20 years a Zencart User

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Remove vertical white space
    By TecBrat in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 2 Jan 2007, 10:08 PM
  2. Remove Lines from Sub Cat
    By mortt in forum General Questions
    Replies: 3
    Last Post: 6 Sep 2006, 12:01 PM

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