Extra space below header image

[aqswskiing]

I have made a custom template and added a header image that displays correctly except that there is an extra white space below the image and I can’t figure out how to remove it. I have the correct length and height configuration for the image so I’m sure that is not the problem. I have checked out several solutions on this and other message boards but none have worked for me.

Here is a link to the page

http://aqswskiing.site50.net/zen-car...eset-08142010/

Also, after i get the image straightened out i would like to edit the top navigation bar with the Home, Log In and search buttons. I want the gray bar only under the home and login links and i want the search box below the header image and above the body. Any suggestions on how to customize all of that will be greatly appreciated.

I am pretty good with HTML but I know almost nothing about PHP, this is my first time ever using php.

[stiggy100]

In regard to the white space that is your header wrapper in your stylesheet. In order to fix this find the following in your stylesheet.css (around line 180).

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin:0;
padding:0;
}

You'll want to single out the #headerWrapper so you can individuallly define its height. Replace the above code with:

#headerWrapper {
height: 82px;
}

#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin:0;
padding:0;
}

In regard to the search header - you can position it in the stylesheet. In line 283 you'll see:

#navMainSearch {
position: absolute;
top: 100px;
left: 800px;
}

Change to your desired position - download firefox addon - firebug if you haven't already to make this task a lot faster and simpler...

[aqswskiing]

Thank you, that fixed both problems and even unexpectedly got rid of the gray bar at the top that I didn't want.

I also installed firebug and that and it helps a lot.

My next question is how to move or edit all of the navigation links on the page like
EZPages :: Privacy Notice :: Shared :: Zen Cart
and the Home and log in links at the top.

Thank you all in advance for your help.