Wed, 2004-04-21 15:00
Hi there,
i've got a problem with a menu i'm making. The dropdown works fine, but when you rollover the TD-borders, the text loses the highlight (defined in the css) I can't figure out the problem, maybe someone over here could take a look at it.
All other feedback is also wellcome offcourse...
I've placed a temp version on:
"http://www.bade.nl/www.icn.nl/index_zijn.htm"
thanks in advance
Wed, 2004-04-21 15:10
#1
CSS/javascript dropdown menu problem
Hi
I think it is because you have used a table and put the style on the td for the border.
If you replaced the <a href> link with a div that has the onclick event, etc, and style the div, and remove the style from the table altogether, you should be ok.
Trevor
Wed, 2004-04-21 15:24
#2
CSS/javascript dropdown menu problem
Thanks a lot for the extremely fast reply!
Do you mean that i place a new layer over every existing button, and give that layer a onclick event?
because in that case things 'll get rather complicated, since this is not the final navigation, and the customer will put in the links himself. I'm afraid he'l get confused by the amount of layers, especially when he should choose to add more buttons to each dropdown thingy.
Allso the text highlight doesn't seem to work on a pc with IE 6.
Wed, 2004-04-21 16:12
#3
CSS/javascript dropdown menu problem
Hi
I can't comment on how easy it will be for the customer. My experience is that all menu systems are a bit hairy for inexperienced users.
Just that your problem is because your borders are on the TD's, and are not part of the link, and the only way to put a border on the link is to make it a div.
Of course, you could simply add a border to the images used and get rid of the td borders.
Trevor