White Gap between EZ-Pages Bar and Header

[jimmybob]

Great! Worked a treat, Thanks!

[cpking]

I found this thread and am having the exact same issue. My working site is
http://store.hawksrest.com/zencart


All is well in FF and Netscape. IE7 has a white space below the topmost nav bar and my header background. My logo is the "box and black bar" - done this way so that I can easily change out the store background.


Also [I think] unrelated, but the top nav bar font in IE7 (containing Home & Log In) are in some odd font or symbol font - not in FF or NS.

Any help you can provide is appreciated. I'm very new to this, but slowly catching on.

[dbltoe]

Is this the same as your other post?

[cpking]

I don't "think" so. I'm honestly trying so hard to find answers that I've lost my place (my apologies if I've messed up).

I used FF to validate my code and it only returns two errors, both having to do with colors - not really a problem as near as I can tell.

When you open the site in FF, it looks fine. In IE7, the font in the top most nav bar (Home/Log In) is some bizarre font (I think) and there's an errant white space just below the nav bar.

I'm at a loss!!

[kobra]

When you open the site in FF, it looks fine. In IE7, the font in the top most nav bar (Home/Log In) is some bizarre font (I think) and there's an errant white space just below the nav bar.

Fonts are browser controlled and only the ones that are loaded locally are available. To insure a specific look you can use an image where you can use any font to create it that you wish.

For the space try giving the specific containing div a height and maybe for IE 1% would do.

[dbltoe]

Need to put the # in front of the colors on line 53 and 380. That doesn't fix the problem but, it needs to be done.

You've added a note in the stylesheet around line 306 stating

/*CPK --SECTION DEFINES NAVIGATION HEIGHT*/

and, you changed the line-height then removed it completely.

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
/*CPK -- change below from 1.5em to 1em*/
/*line-height: 0em;*/
}

try changing it back to default and g r a d u a l l y decreasing the value. I would stay away from removing it altogether.

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

[cpking]

That made a huge difference. IE, however, is still wonky. The original problem was that there is an errant white space between my topmost header and the banner image. I'm sure sure which section in the css is creating the space.

The site looks good in FF and NS.

Thanks very much for the advice on the "#" in the color line. It did exactly what I wanted (color on link separators).

[dbltoe]

couple of things

Your background at the top is a png file. Can you change it to gif?

Also, you have a couple of spaces that may be left over from removing tag lines, etc.

<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://store.hawksrest.com/zencart/"><img src="includes/templates/HR/images/HRLogo_tag.png" alt="Hawk's Rest, LLC" title=" Hawk's Rest, LLC " width="692" height="110" /></a></div>

<div id="taglineWrapper">
<div id="tagline"> </div>
</div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

When you remove text from a php template file, you should always make sure that two single quotation marks are left over where the text was originally listed.

The other space is the reason you Shimmering Gold image is not centered. Where the image is called, there's a space between the image call and the <br /> after it.

<div id="indexDefaultMainContent" class="content"><img vspace="0" hspace="0" border="0" align="bottom" src="http://www.hawksrest.com/zc/shimgold.gif" alt="Shimmering Gold" /> <br /></div>

Give those a try and let's see what happens.

[cpking]

Thanks for the info. At the risk of facing your wrath, could you specify the filenames you're talking about. I'm getting confused which block is in which file.
Thanks!

[dbltoe]

Wrath? In Texas, we just have a barbecue

What I did was (in FireFox) do a view source of the main page.

The first block is the html representation of the HEADER_SALES_TEXT from the includes/languages/english/HR/header.php file.

The other is probably where you created the main page under Tools --> Define Pages Editor in the admin. Open the define_main_page.php, click on the <> at the top to see the code and look for that space. Removing it will center the image on the main page.

I'm wondering if that gif you created from the png is wider than the shop width. Still something weird happening in IE.

Here comes the wrath Well a guess anyway. I'm thinking you're probably used to working on windows and not too familiar with Linux. I mention this because I see you making some of the moves I made when first venturing into Linux. For instance, your use of HR for your custom template directory versus hr. Not to mention the fact that hr could be misconstrued as an html call for a horizontal rule. A guide I try to remember is

File names in Linux can contain any characters other than (1) a forward slash ( / ), which is reserved for use as the name of the root directory (i.e., the directory that contains all other directories and files) and as a directory separator, and (2) the null character (which is used to terminate segments of text). Spaces are permitted, although they are best avoided because they can be incompatible with legacy software in some cases.

Typically, however, file names only use alphanumeric characters (mostly lower case), underscores, hyphens and periods. Other characters, such as dollar signs, percentage signs and brackets, have special meanings to the shell and can be distracting to work with. File names should never begin with a hyphen.

A relatively small number of file names on a system consist only of upper case characters, such as README, INSTALL, NEWS and AUTHORS. They are usually plain text files that come bundled with programs and are for documentation purposes.

Strange things have happened just because the first letter of a filename was in CAPS.