Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Help removing white space under Header

Help removing white space under Header

Locked

Views: 2,019

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
28 Mar 2010, 9:45 PM
#1
injected avatar

injected

New Zenner

Join Date:
Jan 2008
Posts:
41
Plugin Contributions:
0

Help removing white space under Header

http://www.mymotherslinens.com

See the white space under the header? its a big area, I'm trying to get rid of it.

Notice I've moved the Home, Login, and Search from above the banner, to under it. Prior to moving it, the white space was STILL there, so that is not directly part of the problem. I saw another thread that had some code about ClearBoth and it wouldn't work. I've tried this many, many ways.

Here's tpl_header.php for you to look at...

http://mymotherslinens.com/includes/templates/blue/common/tpl_header.txt

Thank you for the help. I don't know how to get rid of this dang whitespace.

29 Mar 2010, 12:16 AM
#2
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: Help removing white space under Header

Take a look at your stylesheet and search for 'header' or 'headerpic', possibly

#headerpic {
position: relative;
background: url("../images/hd.jpg");
background-repeat: no-repeat;
height: 300px;
width: 950px;
}

This chunk as seen in your ....tpl_header.txt may also be worth looking at:

<div id="headerpic"> <div id="slogan"> <h1></h1> <h2></h2> </div> </div>
29 Mar 2010, 9:58 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Help removing white space under Header

Your image is 250px high, but you have #headerpic set to 300px high.

29 Mar 2010, 12:14 PM
#4
twaddle avatar

twaddle

Banned

Join Date:
Jul 2009
Location:
Prague, Czech Republic
Posts:
478
Plugin Contributions:
0

Re: Help removing white space under Header

Also you have this, try changing 25px to a smaller value if following Stevesh' advice doesn't reduce the space enough for your liking

#topmenubar {
background-color:#B8CBCA;
color:#8B0C40;
height:25px;

29 Mar 2010, 9:18 PM
#5
injected avatar

injected

New Zenner

Join Date:
Jan 2008
Posts:
41
Plugin Contributions:
0

Re: Help removing white space under Header

Okay, I can't access all the files right now, but those suggestions seem pretty obvious, especially the headerpic being set to 300px. I'll give those a shot asap. and update my post here.

29 Mar 2010, 11:54 PM
#6
injected avatar

injected

New Zenner

Join Date:
Jan 2008
Posts:
41
Plugin Contributions:
0

Re: Help removing white space under Header

Worked great! Thanks! Simple mistake I guess. I had forgot that I resized the banner...