Hey all, i dont know how easy this is to do or whether it can be done just using HTML or whatever. Basically i have 2 seperate navigation bars top nav bar is the parent navigation bar. when you hover over any of the entries in this parent bar it dynamically updates the second nav bar. what i ideally want is to highlight the parent link in black when i move the mouse over it BUT stay black until i select/ hover over another parent link. does that make sense?

Reply

The only way i can think of doing that is to make a JavaScript funtion for the mouseover on the parent that would change the color of the current item to black, revert the old item to its original color, and then save the current item (window.document.<etc>) to the old item variable. Therefore, this function would only change the color if a new one is hovered because if it is the same one, nothing would end up changing. If you need help doing this PM me or something cause i could help you with the function if you do not know javascript

Reply

There is a way of dong it i suppose. All you have to do is use CSS and the <span> tag.





there i think that should be abour right. you can make as many span tags as you want as long as you choose a diff name for each.

Reply

What sxyloverboy said will highlight it black, but when you take the mouse off it will revert back to normal. I think the best way to do it would be to use Javascript, but I don't really know it that well.

Reply

ok the colors are wrong. just change them to what you want it to be. (assuming you know how to)

Reply

if you are talking about the whole square then there is a javascript script on dynamic drive .

http://dynamicdrive.com/dynamicindex1/highlightmenu.htm

if this isn't what you want, then I dunno

Reply