Nav Bar and Link Problems

[chemdata]

I have my nav bars at the top and also the one below the logo set as follows:

#navMainWrapper {
FONT-WEIGHT: bold;
MARGIN: 0em;
WIDTH: 100%;
COLOR: #ffffff;
HEIGHT: 1%;
BACKGROUND-COLOR: #426B9C
}


#navCatTabsWrapper {
FONT-WEIGHT: bold;
MARGIN-BOTTOM: 1px;
WIDTH: 100%;
COLOR: #ffffff;
HEIGHT: 1%;
BACKGROUND-COLOR: #426B9C
}

In spite of this the separator "|" between each of the links is not visible having taken on the background color.

I am also having a problem with the following two links which are aon the left and right side of the page. These are "new products (more)" and "shipping cart (more)" respectively. Although I was able to set the hover color to what I wanted it just accepts the color of all the otgher links on the page and not to what I want.

I seem to be at a standstill. Any help is appreciated. Thanks.

[kobra]

Post a url so we do not have to guess...

[chemdata]

Sorry. The url is:
http://www.fotopoet.com/zencart/

Thanks.

[Sketchy]

I think the popular misconception is that using the template overrides will have the separators in place, but that's a thing of the 'Classic' tabled header. However, you can add the separators in optionally.

To change the color of the sidebox header/title links;

h3.leftBoxHeading a:hover {
	color: #insertyourcolorhere;
	text-decoration: underline;
	}

h3.rightBoxHeading a:hover {
	color: #insertyourcolorhere;
	text-decoration: underline;
	}

[chemdata]

Thanks. The separators are in place. Its just that they took on the color of the background and therefore cannot be seen.

[Sketchy]

Odd, I can't see any seperators even in your page source.

Anyways, I forgot to mention that you forgot the semicolons following your last color codes in the codes you supplied. It's a good idea to validate as it lessens parse errors.

[chemdata]

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.

As for the omission of the semi-colon in the code you will note that its the last entry in each and consequently I don't believe you need a semi-colon since nothing follows after each.

[TinaS]

Hi Chemdata

First, you are right - you do not need a closing ; on the final declaration of a style, just like you don't need it when it's the only declaratioin in a statement. Your css validates just fine - I just ran it ;)

Now to fix your problem. You need to declare the color of the font in those declarations. The reason those | are the same color is that it is picking up the common text color declaration on those elements. They aren't links.... you follow?

Simply add your font color ( color: #ffffff ) for exmple to your declaration of the colors and they should be fine.

BTW - you need to put back the clearboth on your header - your layout is completely wonked in Firefox.

Hope that helps!

[TinaS]

Hi Chemdata -

First, in your defense, you are correct and Sketchy is wrong. Your css validates just fine ;)

The closing ; in css is ONLY needed to seperate multiple style elements applied in a single definition. You need not close the last statement nor any single statement with the closing semi colon and your css will validate just fine ;)

Now onto the question at hand.

Your problem lies in what you have defined - you have defined the WRAPPER of those areas which are id's - though the fonts use the classes of the id's - therefore what you need is to add / change these elements :

#navCatTabs and #navMain so that you have your white font within them.

How this has anything at all to do with the sidebars I have no idea, but if you try my suggestion I bet you get the results you are wishing.

Hope that helps.

[chemdata]

Tina once again thanks. I am still trying to implements your suggestions but with no success. Its not your instructions but my ineptness at this. I guess I should not have retired and stayed with chemistry and math. That was easier.

I will keep on trying. I put back the clearboth however it created new problems. In Firefox it left an area after the image where it did not pick up the background color. In MSIE I was not able to get rid of the space betwwen the image and the category nav bar.

Forrest Gump was correct ---"**** happens".

Once again thanks for the help and btw I did not name the site after you ;-).