3 replies [Last post]
sakelewis
Offline
newbie
Last seen: 17 years 4 days ago
Joined: 2004-04-21
Posts: 3
Points: 0

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 24 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

sakelewis
Offline
newbie
Last seen: 17 years 4 days ago
Joined: 2004-04-21
Posts: 3
Points: 0

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.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 24 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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