Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / remove vertical lines in my header

remove vertical lines in my header

Locked

Views: 2,111

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
29 Jan 2009, 10:23 PM
#1
lieven23 avatar

lieven23

Zen Follower

Join Date:
Aug 2008
Posts:
340
Plugin Contributions:
0

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

29 Jan 2009, 10:32 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,627
Plugin Contributions:
0

Re: remove vertical lines in my header

... and the URL?

30 Jan 2009, 9:13 AM
#3
lieven23 avatar

lieven23

Zen Follower

Join Date:
Aug 2008
Posts:
340
Plugin Contributions:
0

Re: remove vertical lines in my header

30 Jan 2009, 9:23 AM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: remove vertical lines in my header

In your stylesheet.css:

#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:

    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.)

30 Jan 2009, 9:24 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

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

30 Jan 2009, 11:24 AM
#6
lieven23 avatar

lieven23

Zen Follower

Join Date:
Aug 2008
Posts:
340
Plugin Contributions:
0

Re: remove vertical lines in my header

Thx
it worked fine:smile:

30 Jan 2009, 5:41 PM
#7
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: remove vertical lines in my header

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

30 Jan 2009, 7:06 PM
#8
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: remove vertical lines in my header

lieven23:

Thx
it worked fine:smile:

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.

30 Jan 2009, 7:11 PM
#9
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: remove vertical lines in my header

schoolboy:

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,

30 Jan 2009, 8:31 PM
#10
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

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.

31 Jan 2009, 12:47 PM
#11
lieven23 avatar

lieven23

Zen Follower

Join Date:
Aug 2008
Posts:
340
Plugin Contributions:
0

Re: remove vertical lines in my header

I'm still thinking how to improve the header and the layout of the site, so in a time I'll be changing these things to fit better.

2 Jul 2009, 5:34 PM
#12
frontier2002 avatar

frontier2002

New Zenner

Join Date:
Jun 2009
Location:
USA
Posts:
44
Plugin Contributions:
0

Re: remove vertical lines in my header

Sorry to interrupt here but i need to get read of the background image header_bg.jpg how can i do that without deleting the file from hosting server