Hi all,

I`m looking to slightly modify the drop down menu from cssplay
http://www.cssplay.co.uk/menus/final_drop.html

I was hoping to change the border colour used in the menu from #ffffff to something darker, maybe #404040.

The trouble is, I don`t want the border changing throughout. I`m happy to keep a white border in the main menu nav bar. I just need the dark border in the drop down boxes. The page I`ll be using this on is a white background and the background for the menu will be light(ish).

The way he has the css written up, changing the border colour would change it throughout the menu which I don`t want.

Help!!!

Thanks all.

I worked with this drop down and I can say that every aspect of it is editable. I completely modified it successfully and the border can be changed without changing the whole things. I wish I could tell you what part it is, but I cant remember which part of the code that was. Know that you cwan though

Yeah, I`ve added borders but I`m stuck because of the border top and bottom issue on the drop down boxes. Obviously it needs both so that the border is complete around the drop down boxes, but then in between those borders will double up.

I remember it not being easy. You have to mess with the side lengths to get it just right, maybe if you posted the code I could help you further

It`s ok, I spoke with Stu who runs the cssplay website. He showed me the simple modification. Got it just great now

Thanks for helping anyway.

You do realise that the drop down feature doesn't work in ie 6? (this is because CSS psendu doesn't work on anything other than a tags in ie 6)

I'm currently learning how to create drop down menu's with a little javascript. It's not perfect I know but i'm still working on it.

http://www.aspirecreate.com/listTest...ilisttest.html (mouse over the 3rd link from the left to get the test drop down)

You can push IE to hover on other things besides the <a> tag w/o resorting to javascript, although it does require some scripting in the form of an .htc file called in the CSS. The method is called whatever:hover and it works like a charm.
http://www.xs4all.nl/~peterned/csshover.html