I need help i have a a menu with submenu that scroll downs not flash but just html. But during the scroll down if i have a flash on a center near them, a part of the menu doesnt appear because the flash hide some of them. Example: <li><a href="http://www.mysite.com/news/" title="News">News</a> <ul class='children'> <li><a href="http://www.mysite.com/news/mobile/">Mobile</a></li> <li><a href="http://www.mysite.com/news/software/">Software</a></li> <li><a href="http://www.mysite.com/news/games/">Games</a></li> <li><a href="http://www.mysite.com/news/world/">World</a></li></ul> Code (markup): What code should I use that this menu stays always on top even when there is a flash or java applet near it. I will be very grateful if someone help me on this
thank you Cash Nebula it works great on flash But i have to modify all the youtube embed videos one by one by adding this line. Do you have any solution hot to stay the menu also on top even on irc java applet? Thnx Again
Use CSS on the unordered lists and the list items and set a z-index. A z-index basically acts as a layer and allows things to be ontop of each other. This way you only need to edit the menu you and you're done. You can read more about z-indexs and how to use them here. Just scroll down to the z-index bit. Let me know if you got it working or not. Enjoy.
Zeldaze thnx , but i tried it and it doesnt work for flash. here you have the div style of my menu: #navbar { background: #FFFFFF url(images/navbar.gif); width: 960px; height: 30px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px auto 0px; padding: 0px; border-bottom: 1px solid #98B4E0; } #navbar a, #navbar a:visited { color: #FFFFFF; font-size: 12px; text-decoration: none; padding: 0px 0px 0px 3px; } #navbar a:hover { color: #FFFFFF; text-decoration: underline; padding: 0px 0px 0px 3px; } Code (markup): Thnx