navbar/header help for newbie

[Pat Allosaurs]

Hello all, this is my first post and I am a little clueless so hopefully someone here can help me out. I have downloaded Kuroi's excellent future_zen template and with the help of the forums and wiki I have had some success in customising it. I've swopped the position of the main navbar and the header (forgive me if I get the terms wrong, still new to this) but as you can see if you follow the link, there is now an odd space between the two which I would like to get rid of.

http://liquorice-allosaurs.com/Zencart/

I've had a rummage in the stylesheet with no great success - whatever I do, the space remains. How do I get these two things snuggled up together? I dont really understand how to code at all so would be greatful for any help. I've had a really good look round the support forum but couldnt see anything that would help - apologies if this has already been covered. Cheers!!!!

Pat

[clydejones]

In your tpl_header.php

just above this line

<!--eof-branding display-->

delete this:
<br class="clearBoth" />

That should get rid of the space.

[kuroi]

Hello all, this is my first post and I am a little clueless so hopefully someone here can help me out. I have downloaded Kuroi's excellent future_zen template and with the help of the forums and wiki I have had some success in customising it. I've swopped the position of the main navbar and the header (forgive me if I get the terms wrong, still new to this) but as you can see if you follow the link, there is now an odd space between the two which I would like to get rid of.

http://liquorice-allosaurs.com/Zencart/

I've had a rummage in the stylesheet with no great success - whatever I do, the space remains. How do I get these two things snuggled up together? I dont really understand how to code at all so would be greatful for any help. I've had a really good look round the support forum but couldnt see anything that would help - apologies if this has already been covered. Cheers!!!!

Pat

For somebody claiming to be a little clueless, I'd say you've had great success in customising.

You actually have two white bars, but you probably quite like one of them (i.e. the less obvious one below the nav bar). Having edited the tpl_header.php file, you may have noticed a couple of <br class="clearBoth" /> tags. I believe that they're there as breakers to stop errant bits of code floating upwards, but alas they can sometimes become unfortunately visible.

You can do two things:

Either delete the one that you don't like from the header file as the div above it is full width anyway so nothing should ride up (and even if it does it's easily fixable).

or

You can set a negative margin-top for the navbar which would force it up and over errant white space.

(As an aside, I was originally planning to switching the logo and navbar areas in the Future Zen template, as its the first thing I always do myself, and is so frequently asked about on this forum. But then I realised that it was also a very standard and useful introduction to amending the template files for new users. All credit to you for achieving this under your own steam instead of simply posting a question asking how.)

[Pat Allosaurs]

Aha, thank you! Done and dusted! I am getting there now...
I've just been following instructions I've found on the forums, or changing things about a bit myself to see what will happen, I am learning lots by doing it that way, the penny drops a bit more every time I try a new thing out. Now I'm going to play with the footer, so when I've stuffed that up I'll probably be back!

[Pat Allosaurs]

In your tpl_header.php

just above this line

<!--eof-branding display-->

delete this:
<br class="clearBoth" />

That should get rid of the space.

Many thanks for that, I did exactly what you suggested and it worked a treat.

Cheers!!!

Pat

[clydejones]

not at all. Glad to help