Help needed with Drop Down Menu in CSS

[OonaghG]

I have got a basic drop down menu written using CSS (complete with moving highlight & functioning dropdown where needed) but I have a couple of problems.

1. The original (non-dropdown) menu was based in a table so the widths of the columns could be amended per column and they grew as the browser window grew and the entire menu width could be set to be exactly the same width as the banner heading (100% table width).

I've now started to alter it to a CSS dropdown menu but when I specify the width of each menu item in px I can't get the full width exactly the right size and all columns also the same width as each other. Any way around this?

2. I want to use the same menu code for each page of my site. Currently when I hover over a menu item, it changes colour (a highlight). But I also want to know which page I am on in the site so when I change pages I want it's menu item to be automatically highlighted as well as the moving highlight on :hover. I read this can be done in CSS but I'm blowed if I can find that article again! Help!

[dswethar]

MenuItem {Color:black}
MenuItem A {Color:red}
MenuItem A:hover {color:white}

You can assign the class MenuItem to the menu table.

If a menu item is not hyperlinked(in <a> tags), the colour will be black.

If it is hyperlinked, the colour will be red and will change to white on mouseover.

So - you neednot hyperlink the menu when that page is opened.

If you still want to hyperlink, create another class and assign that class to each of the menu items when that page is open.

You can modify the css accordingly. This is just an example.

Hope this is what you are looking for...