Space Under An Image In My Header

[fabienne]

I am using the latest version of Zen Cart(v1.3.9h) and upgraded recently. I did notice until just recently that there is a lot of white space under the reclining lady image in my header. She used to sit on the bottom of the box she was placed in and now she floats on every page. It seems like there is an element underneath her but I can't quite figure out what it is or how to make her sit on the bottom of the box which encloses her.

It is an element under the logowrapper but I can't find a name for it and I can't highlight it with Chrome.

Can someone please help me out here? It happens in Firefox and in Chrome. Tell me where to go to fix this? I am also a bit shaky on where I could find the CSS for this in the cart. I has been about 4 years since I tried to fiddle with it. My site address is www.possets.com

Thank you very much.

[usernamenone]

1 open your style sheet and find

#logoWrapper{
background-image: url(header_bg.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #ffffff;
height: 94px;
}


change the height to 90px

2 open includes/languages/english/header.php and find this section

define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_SALES_TEXT', 'TagLine Here');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

make sure the image height is set to 90px

[tony_sar]

that is a <br> element that is giving it a space under your logo .
you need to remove following code from your tpl_header.php

<br class=clearBoth>

this code should be somewhere under div containing the code for your log ( logoWrapper) .

also mean time you can add this code to end of your stylesheet.css and see if it works for you


#logoWrapper +.clearBoth {
display : none;
}

[fabienne]

Thank you, I will let you know how it goes.

[snowmetrics]

Does anyone know of a Zen Cart user in the Fort Collins, CO area? I need to sit down with a person to learn more about the use of the site. I can't even post a Community Forum question correctly - I know this is just a reply to another question. Thanks for help for Zen Cart idots!

[fabienne]

I did find the tpl_header.pho file it was in .../includes/templates/template_default/common/tpl_header.php and on line 93 I found "<br Class="ClearBoth" />

Being the big chicken I am, I did not delete that line but made it into a comment by adding <!-- in front and --> behind and loaded it up. I put real comments around it and made sure that it stood out in case I was messing something up or had done something wrong I could get back at least to the original. It worked. The lady now sits neatly on the bottom of her box just like she should. That works in Firefox and Chrome and I assume it will work just fine in everything else (IE). Thank you so much, I do appreciate your hard work on this one. I think I have been having trouble with that small point for a long time now and that makes things look so unprofessional.

The previous suggestion worked to make the header 4 px shorter (loss of height) but the lady was still floating. However, that shortening of the header did gain me 4 px of good space and I am grateful for that. It does look better so thanks for that, too.

Thanks again to all.

[tony_sar]

you should also read on about Template Override . override allows you to modify core files without effecting the site operation in case of any BOO BOO ;0 ..

[fabienne]

I will do that. I did that in some things and not others, it's been a while but very worth it. Again, thanks.

[RescoCCC]

I will do that. I did that in some things and not others, it's been a while but very worth it. Again, thanks.

In this specific case, using the overrides system would mean that your edited file would not be:

includes/templates/template_default/common/tpl_header.php

but rather:

includes/templates/your_template/common/tpl_header.php