PDA

View Full Version : CSS Drop Down Menu with Flash element in an HTML Problem



MoOMoOMiLK
January 30th, 2009, 02:28 PM
Hi guys,

I have an html page, with a css drop down menu (using <ul> and <li> tags) at the top and a Flash object (using <object> tag loaded with swfobject) right underneath it. So when the user puts his/her mouse over the menu, a set of submenu will "drop down" and cover parts of the Flash. My concern is I have a very weird problem with the appearance of the cursor.

When I put my mouse on top of the drop down menu, the cursor turns from the default arrow to a pointer (or hand) indicating you're hovering over a link. This is what it's supposed to do. But when I put my cursor on my drop down sub menu, if the cursor is on top of the part of the menu which doesn't overlap the Flash object, it is a pointer, but when the cursor is on top the region which overlaps the Flash object, it returns to the default arrow look instead of the pointer (which is what it's supposed to be cuz it's hovering over a link!). I figured that the Flash object is causing the problem because if I remove it, the cursor will be a pointer as long as it's hovering over the menu items (which are links).

Does anyone know a fix for this? Thanks in advance!

bigdaddykraven
January 30th, 2009, 03:06 PM
You can probably use a CSS to manipulate the cursor when hovering over the specific sub-menu boxes.

give it the style

cursor: pointer;

to any area that is supposed to have the hand. Its worth a try anyway.

Also there are issues with certain hacks when dropping items over flash and forum objects. You might want to make sure what you're experiencing isn't a result of those issues.

MoOMoOMiLK
January 30th, 2009, 03:37 PM
Thanks for the quick reply bigdaddykraven. I tried giving my <li> tags a style cursor:pointer but nothing seem to have changed. I was just experimenting around and tried to give my Flash object a css style cursor:pointer, and that doesn't work as well. Seems like as long as it's Flash you can't have a pointer cursor hovering over it, regardless of what z-index you set in other divs. Although the cursor is still a default cursor over the menu, it is still clickable, which is odd.

What may be the issues you were mentioning regarding dropping items over Flash and forum objects?