More space in header in 1.3.5 ?

[Typhoon]

Hi !

I installed 1.3.5, added my old logo from 1.3.0.2 and took away the categorie tab menu and it seems that there are an extra row between the end of the picture and the lower green "line" (see pic)



The logo have the right size, if I add a larger picture I have the same results...

Anyone know how to delete this extra row ?

Regards,
/Typhoon

[Typhoon]

I also found another thing, template thing... If you look at this page, you see the header, the green color under "Home LogIn" link, the green color is "outside" the header line.. Same at footer, under where you have all the links like "Home :: My Account" and so on. I don't know if it's only I who see it but I have the same problem on my site.

Anyone that can help ?

/Typhoon

[Sketchy]

The extra space issue may be from the Clear Both tag, but that was also present in the last version. Have you played around with your logo wrapper height?

I noticed the green expansion from right away on the new Classic. If you want to adjust it back in your stylesheet;

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

Adjust the padding until you have it where you want it.

[Typhoon]

I noticed the green expansion from right away on the new Classic. If you want to adjust it back in your stylesheet;

Adjust the padding until you have it where you want it.

Thanx, that did the trick. Changed it to 0.2 and it's gone...

The extra space issue may be from the Clear Both tag, but that was also present in the last version. Have you played around with your logo wrapper height?

No, I didn't touch anything, it's the same even with the original "bridge"-logo. Clear Both-tag... What is that and how do I fix it ?

Thack you again...

/Typhoon

[Sketchy]

You're welcome.

Well, to deflate that space... make a folder called 'common' into your classic template folder, copy and paste the tpl_header.php from the default template into your newly created 'common' folder. Open up the tpl_header.php in a editor, like Wordpad;

Find;

<br class="clearBoth" />
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

Delete the line in red and test it out.

[Typhoon]

Thank you, that solved it. There were still a small space between the logo (header_bg.jpg) and the green line (2mm maybe) but now I could make the logo a little bit bigger and the white space is gone !

/Typhoon

[femky]

[FONT="Arial"]Open up the tpl_header.php in a editor, like Wordpad;

Find;
Code:

<br class="clearBoth" />

<!--eof-branding display-->
<!--eof-header logo and navigation display-->

Delete the line in red and test it out.[/FONT]

I tried the above as well but I get a total different outcome! If I delete that line the white bar that we want to dissapear does dissapear but so does my #Navmain with home and log in. And if I play with the height of the header_bg.jpg (110px) than it disappears when bigger than 110px but the whith space remains.

I did however had a slightly different code than above:
<br class="clearBoth" />
</Div>
<!--eof-branding display-->

I decided to only deleted that </div> and left the rest as it was. That did not solve the problem either but provided a different color of that anoying space underneath the header_bg and logo. Though the color is looking much better I rather have the space removed.

Besides that I am also not able to place the logo vertically aligned 'middle' in the LogoWrapper. Whatever I do it only aligns at the top.

I realy hope that someone might have another option for solving this?

Thanks in advance!

[Sketchy]

Thank you, that solved it. There were still a small space between the logo (header_bg.jpg) and the green line (2mm maybe) but now I could make the logo a little bit bigger and the white space is gone !

/Typhoon

You're welcome. I have to ask though, do you mean you got all the space gone? Or is there some present still?

[Sketchy]

I tried the above as well but I get a total different outcome! If I delete that line the white bar that we want to dissapear does dissapear but so does my #Navmain with home and log in. And if I play with the height of the header_bg.jpg (110px) than it disappears when bigger than 110px but the whith space remains.

I did however had a slightly different code than above:
<br class="clearBoth" />
</Div>
<!--eof-branding display-->

I decided to only deleted that </div> and left the rest as it was. That did not solve the problem either but provided a different color of that anoying space underneath the header_bg and logo. Though the color is looking much better I rather have the space removed.

Besides that I am also not able to place the logo vertically aligned 'middle' in the LogoWrapper. Whatever I do it only aligns at the top.

I realy hope that someone might have another option for solving this?

Thanks in advance!

It all depends on the version of Zen that you have. Dr. Byte removed a DIV tag for the newer one and maybe you removed the wrong ClearBoth tag. I could help the previous member because I have the same version. If you have the same version, is the header modified at all?

About your logo in the middle, there was a discussion and guide to seperate the logo to it's own declaration, in order to isolate and command it;

http://www.zen-cart.com/forum/showthread.php?t=45734

[femky]

My problems with this are solved! Thanks.

I do have version 1.3.5. that is why I responded to this thread. But somehow I did have a difference between the tpl_header.php in my template and the one from common in the default template.

As soon as I started fresh with the tpl_header.php from the default template (copied into the common in my template) the suggestion about deleting the
<br class="clearBoth" /> works perfectly without my NavMain dissapearing! I am now of course also checking the other tpl files in mytemplate common ......


The solution for the logo is a different one than mentioned in
http://www.zen-cart.com/forum/showthread.php?t=45734 That is about horizontal alignment and I was looking for vertical alignment of the logo.
I did find the code in my css:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

Whatever I tried with this, it never vertically aligned only the logo the desired way (vertical middle of Logo Wrapper). It e.g. perfectly aligned my catagorie pictures mentioned on the mainpage and a lot more, except for the logo.

I finally added the following code to my css right below the above code and that did the trick:

#logo {
padding: 1.5em;
}