Nav Bar and Link Problems

[TinaS]

That was an oops - the double post - sorry - my connection timed out when I entered my first reply and so I typed it again

Try doing this ...

at the end of your stylesheet add this :

#navCatTabs { color: #ffffff }

In order to clear the blank issue in IE change the <br class="clearboth /> to
<div class="clearboth"></div>

As for the background - do you have a background set for the header background ?

Hope that helps a lil more - and I promise I won't post the same thing twice this time :)

[chemdata]

Thanks again. I guess you figured out that "double posts" confuse old people like myself since we can only do one thing at a time. No multitasking for us.

Seriously I had tried the #navCatTabs { color: #ffffff } with no sucess.

The blank issue in IE was resolved by changing the <br class="clearboth /> to
<div class="clearboth"></div> as you instructed.
However it didn't help FireFox. It seems that there the category nav bar follows right next to the logo image and spills over into the next line.

[Sketchy]

True, it's 'only' good practise to end the final with a semicolon. The reasoning is for possible added declarations in the future, to avoid parsing problems due to a forgotten semicolon... It's just my coding habit. Yeah, the statement came across the wrong way and Chemdata... I apologise for that and not bringing these three FF errors to light;

INPUT:unknown {
	BACKGROUND: #f0f8ff
}
SELECT:unknown {
	BACKGROUND: #f0f8ff
}
TEXTAREA:unknown {
	BACKGROUND: #f0f8ff
}

~Via Firefox "Unknown pseudo-class or pseudo-element 'unknown'. Ruleset ignored due to bad selector."

Sketchy is wrong.

I just tell it as it is, blame FF.

[chemdata]

Sketchy there is no need to apologize. I was only glad that you were trying to help me and took it in that vein. BTW if you look at the stylesheet.css that comes with the ZenCart that none of the ending declarations end with a semi colon. Once again thanks.

[Kim]

BTW if you look at the stylesheet.css that comes with the ZenCart that none of the ending declarations end with a semi colon.

Excuse me? I believe they do all have a semi-colon at the end.

[chemdata]

Kim:

Here are a few of the declarations taken from the top of the stylesheet.css. I don't see any of ending declarations ending with the semi-colon just the preceeding ones.

BODY {
FONT-SIZE: 62.5%;
MARGIN: 10px; COLOR: #3b3b39;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
BACKGROUND-COLOR: #d1d1d1
}

A IMG {
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE: none
}

A:link {
COLOR: #0000ff;
TEXT-DECORATION: none
}

#navEZPagesTOC UL LI A {
COLOR: #4e4f45;
TEXT-DECORATION: none
}

A:visited {
COLOR: #0000ff;
TEXT-DECORATION: none
}

A:hover {
COLOR: #426B9C
}

[Kim]

Sorry, but is not a stock template.

Below is the first few lines of the template default CSS

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #e5edf5;
	}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF;
	text-decoration: none;

[chemdata]

Kim:

You are correct and I stand corrected. The stylesheet.css that I was using as you pointed out was not the template default css. And I can see the value of using the semi-colon after each and every declaration so as to prevent the possible errors that can occur when adding further declarations.

[Kim]

Knew I didn't mess that up.

[seethrou]

I think you should insert the separators for yourself.

Thank again. If you highlight those areas where the separators are supposed to be you will see that they show. Its just that they have taken on the color of the background there and thus cannot be seen.

It may be the spaces between the lists.

In another discussion Layout/Nav Problems!! 1 step forward - 2 steps back,
I had tried to modify the code and changed to different separator for the navigation bar, it worked in my fast test and waiting for the poster's feed back.

For your reference, the below code is related to your problem and it use &nbsp;::&nbsp; for the separator.

And for test, also added the <div id="navMainMySeparator"> ... </div> to highlight the sparator with another color added to the stylesheet.
If you don't want it just take it out.

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<div id="navMainMySeparator">    
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>&nbsp;::&nbsp;
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>&nbsp;::&nbsp;
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>&nbsp;::&nbsp;
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>&nbsp;::&nbsp;
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
</div>