Forums / Templates, Stylesheets, Page Layout / Eliminate Space between Top Nav Bar and Header Image

Eliminate Space between Top Nav Bar and Header Image

Locked

Views: 1,859

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
30 Apr 2010, 12:26 AM
#1
c_r_c avatar

c_r_c

New Zenner

Join Date:
Oct 2009
Posts:
56
Plugin Contributions:
0

Eliminate Space between Top Nav Bar and Header Image

O.k., so I know that this should be an easy one, but for some reason I can not seem to eliminate the small space in between the Top Nav Bar and my Header Image. I have searched and tried about everything, but nothing seems to do the trick. It is only about 5px's tall or so, but it throws of the look I want.

I already considered just adding about the same amount of space to the bottom and saw that it worked if I just added a few pixels to what the image size is suppose to be in the below CSS but that is not what I want to do:

#logoWrapper{
background-image: url(../images/header_bg1.jpg);
background-repeat: repeat-x;
background-color: #383E44;
height:144px;
}

I suspect that there is something I overlooked that is so simple, but I can't figure it out :frusty:

If you need to take a look at the site, it is http://www.customreflection.com

Thank you in advance for your help

30 Apr 2010, 12:39 AM
#2
tinas avatar

tinas

Totally Zenned

Join Date:
Jan 2005
Location:
Lake Havasu, AZ
Posts:
1,090
Plugin Contributions:
0

Re: Eliminate Space between Top Nav Bar and Header Image

The whitespace is because of the breadcrumb.

If you are going to leave your breadcrumb off site wide you could easily remove the code from it in the tpl_main_page.php code (of your custom template of course)

Hope that helps ;)

When the world gets in my face I say Have A Nice Day.

30 Apr 2010, 12:51 AM
#3
c_r_c avatar

c_r_c

New Zenner

Join Date:
Oct 2009
Posts:
56
Plugin Contributions:
0

Re: Eliminate Space between Top Nav Bar and Header Image

I tried that and it did not work. I commented it out and deleted it all together. To clarify, the space that I am referring to is the space directly under the Top Nav Bar where Home, Log In,etc.. and my Header Image is. See how my image sits snug to the bottom, that is how I would like the top. The silver splatter thing in the design should be flush with the Top Nav Bar, but right now there is about a 5px space.

30 Apr 2010, 3:46 AM
#4
tinas avatar

tinas

Totally Zenned

Join Date:
Jan 2005
Location:
Lake Havasu, AZ
Posts:
1,090
Plugin Contributions:
0

Re: Eliminate Space between Top Nav Bar and Header Image

My bad sorry....

Your problem there is that you have this :
<br class="clearBoth" />
Between your navmain and logo area. Change it to <div class="clearboth"></div>

That will fix it.

When the world gets in my face I say Have A Nice Day.

30 Apr 2010, 6:35 PM
#5
c_r_c avatar

c_r_c

New Zenner

Join Date:
Oct 2009
Posts:
56
Plugin Contributions:
0

Re: Eliminate Space between Top Nav Bar and Header Image

Thank you! That did the trick. I had read somewhere in the forums that it had to do with that line of code, but they had said to delete it. For some reason it did not work for me deleting it, but changing it to what you said worked great. Thanks again! :bigups:

21 May 2010, 10:33 PM
#6
growlight avatar

growlight

New Zenner

Join Date:
Oct 2008
Posts:
32
Plugin Contributions:
0

Re: Eliminate Space between Top Nav Bar and Header Image

THANK YOU THANK YOU THANK YOU!!!

Just wanted to say thanks as this help me solve a year and a half old problem. I actually gave up on it for a while and it seemed like a good thing to research on a Friday afternoon!!

If someone has time can they explain the difference in this case?

-Christopher

PS If anyone else has this problem the file that needs to be edited is tpl_header.php (I don't believe this was mentioned and thought I would try to help!!)