Space between header and header_bg

[phlipper]

I have read pages and pages on here and installed the firefox and web developer in hopes of getting more insight.

I am still unable to correct the extra space between the top header and the header image. - problem can be seen at www.kwmagic.com

According to the firefox tools it seems the problem is with #logowrapper - i have tried adjusting padding and margins on the stylesheet.css - but unable to find the correct line, problem only happened after a minor modification of the image file header_bg.jpg

Can anyone steer me in the right direction on this one?


thanks

Phil

[kobra]

unable to correct the extra space between the top header and the header image.

You can try this
In a copy for your template of tpl_header.php find the clear both and delete it

<div id="navMainSearch"><form name="quick_find_header" action="http://www.kwmagic.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="hidden" name="zenid" value="d0o6bmb5fqfilfom4ji7fpjoe1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 45px" /></form></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--bof-branding display-->
<div id="logoWrapper">

[phlipper]

Thanks for the idea, unfortunately didn't work, it only shrank the top bar.

i tried adjusting the tpl_header in both the default and the classic template folders.

Any other ideas?

[phlipper]

Here is a bit of an update..

Using firefox and the webdeveloper, i have figured out how to fix it offline, but for the life of me I can't find the file

using the developer under the 'HTML' tab there is this line:

<span class="webdeveloper-display-id-class-details" title=" #contentMainWrapper"> #contentMainWrapper
In the box to the right of it there is this information (the happy faces are not there - they just appeared when I was copying and pasting - i also removed a couple of the border- lines in order to be able to post this here):

[class^="webdeveloper-"] {
border-bottom-style:solid !important;
border-bottom-width:1px !important;
border-left-style-value:solid !important;
border-left-width-ltr-sourcehysical !important;
border-left-width-rtl-sourcehysical !important;
border-left-width-value:1px !important;
border-right-style-ltr-sourcehysical !important;
border-right-style-rtl-sourcehysical !important;
border-right-style-value:solid !important;
border-right-width-ltr-sourcehysical !important;
border-right-width-rtl-sourcehysical !important;
border-right-width-value:1px !important;
border-top-style:solid !important;
border-top-width:1px !important;
font-family:sans-serif !important;
**** font-size:10px !important;******
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
letter-spacing:0 !important;
margin-bottom:0 !important;
margin-left:0 !important;
margin-right:1px !important;
margin-top:0 !important;
padding-bottom:1px !important;
padding-left:1px !important;
padding-right:1px !important;
padding-top:1px !important;
text-align:left !important;
text-decoration:none !important;
text-transform:none !important;
z-index:1 !important;
}


If I change the font size to 0 where I put the asterix then it removes the space, unfortunately I can't figure out where in the Zencart files, I would change this, so far I am only able to fix it in the webdeveloper.

Now I am new to the webdeveloper - and don't know how to associate this information to a file in zencart.

Phil

[Celtic]

Phlipper,

The problem is not with the stylesheet, it's because you have a straggling H2 tag in there...


<!--bof-branding display-->
<div id="logoWrapper">

<div id="taglineWrapper">
<div id="tagline"><h2><font size="2"></font></h2></div>
</div>
</div>


Get rid of the H2 tag on 'tagline' and it closes the gap up for you.

Or you could add the following into your stylesheet to hide that H2...

#tagline h2 {
display: none;
}

[phlipper]

Thank-you, That was such a big help, the space is now gone.