Top-menu
 

I am trying to change the link text color for just this menu.
I have tried all kinds of class veriations. I need only the links in this section to be different than the rest of the page. Is this even possible. Once you visit the site you will understand why that menu needs changed

www.kennedyhardware.com


Any help on this would be great.

Re: Top-menu
 

That's because it is defaulting to the main link color for the site, you don't have a class assigned to the link. Create a new class of links in your stylesheet (.head for example) and call it in each individual link:

<a href="http://www.kennedyhardware.com" class="head">Home</a>

Re: Top-menu
 

I did create a class "HeadRightBox" here is the class:

I had been trying the class before each link and now I have tried the class after each link. I have tried it at the begining of the top_head.tpl file and I have tried it before and just inside of the table. I do not have any class in the skin1.css file that makes the text red on hover so I have no idea what it is calling. So I guess my class is messed up some how.

Re: Top-menu
 

what does the <td> for your header links look like?

Based on the source of your page, it appears you ned to set the class a different way.

1. Remove the <p> tags in the header links;
2. use <td class="HeadRightBox"> to call the class...
3. Dont use <a href="http://www.kennedyhardware.com">Home</a> -- instead, ALWAYS call your home page by using the EXACT SAME link: <a href="/">Home</a>
4. The <font> tag is deprecated. Make it go away. DO NOT USE the <font> tag anywhere! Use CSS!

May I suggest a site with lots of CSS info and useful tips?

http://www.highdots.com/css-editor/css_tutorial/index.html

Post a bit of your header menu <td> and we can figure out why the css isn't working...

Re: Top-menu
 

Here is my cleaned up top_menu:


and now the class in skin1.css

I just dont understand why it is not picking up the link portion of the class because it is picking up the alignment portion.

Re: Top-menu
 

Try this:


A few big concepts:

1. do not use http://www/kennedyhardware.com/ on every link -- relative links will work fine and are always better;
2. for your pipe separator: "&nbsp;|&nbsp;" guarantees a space before and after;
3. in xhtml, there is no "<br>" -- it is now self closing, and must be: "<br />
4. Since you're using a CSS class, no need for <font> tags anywhere.
5. If you want the "|" to be a different color or style, you should use a <span class="classname"> -- such as:

in place of
and of course, make a new class,

.menupipecolor { color: #FFFFFF; }

OK? Try this...

I'm not sure your "BACKGROUND-IMAGE: http://www.kennedyhardware.com/skin1/images/headback.jpg

will do anything... what are you trying to accomplish with this?

Please report back.

Re: Top-menu
 

Your CSS is not going to do anything except make everything white.

PLEASE see the CSS tutorials and adjust your css class so that a hover or active or link will actually do something!

Re: Top-menu
 

code above edited:

remove all referneces to class="HeadRightBox" EXCEPT the td.

Re: Top-menu
 

OK first off thanks for the help Carpeperdiem. I think I am getting the grasp and order of what calls what and where. I am a FrontPage hack at best.

Here is the top_menu.tpl I used this time:

I set the menupipecolor in the css and as you can see it works fine. But I still do not get the links to change to the propper color. Here is the current headrightbox class:

The background image sets the background for the top_menu section

Re: Top-menu
 

Thats the idea. I want the links to be white always except underline when hovered.

Re: Top-menu
 

1. &nbsp; |&nbsp; -- you have a space before the first &nbsp; - the point of &nbsp; is to not let stray spaces in. It is a Non-Breaking Space.

2. as mentioned, I blew it -- you need to lose EVERY instance of class="HeadRightBox"
- except for the first td.

3. Your CSS is a mess. Let's start over. What is your goal? What color/font size/font decoration do you want the links? What do you want to happen when the link is hovered over? After a link is followed?

Your CSS is not going to do anything for you right now.

Try this:

Re: Top-menu
 

That was exactly what I needed. What I had was essentially right as far as the css.
I just tried to get all of the variable under one HeadBoxRight line instead of several.
Here is what I finially came up with: I had to put in the visited or active as it turned blue otherwise. I also added the text align right.

This looks just fine in 1024 x 768 or higher, but the wording does not line up right on a 800 x 600 screen. Should I even worry about 800 x 600 as most sites are designed for 1024?

Thank you so much for the help.