Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

ASP.NET 2.0 Menu control - dropdown items hidden under other page controls

Posted on 2007-04-03
3
Medium Priority
?
467 Views
Last Modified: 2008-03-03
Surely I can't be the only one to experience this...  I have a menu control on the top of my page, which has submenu items dropping down off the main items.  The problem is, when I try to select one of the submenu items, it becomes hidden underneath another control on the page.  Any way that I can make the menu stay on the top of everything else?
As an extra, some of my menus, when rendered, show up in red letters when I specified them to be blue.  

Any ideas?
0
Comment
Question by:adwooley2
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 10

Accepted Solution

by:
jinn_hnnl earned 2000 total points
ID: 18848950
can you paste a part of your menu source code ?...

Anyway, If you place your menu in Master page (most of ppl does) this problem will be gone. Or else, put your menu in a <div> and set the z-order as big as you thing it fit (the bigger, the closer to the screen)

<div style="z-order:10">
      <asp:Menu ... your menu>
</div>

The color thing, I guess you set the wrong property (cause if you select auto format there will be generated code for static and dynamic menu items, blah blah), may be you modified wrong property

Hope this help

JINN ^^
0
 

Author Comment

by:adwooley2
ID: 18849006
I gave that <div> thing a try, but it didn't work.  Thanks for the thought though.  I had the menu control in a user control.... THAT what caused the problem.
0
 
LVL 10

Expert Comment

by:jinn_hnnl
ID: 18849718
ohh I think I made it in not enough infor way: it should be z-index, instead of z-order.

<div style="z-index:10; position:relative">
      <asp:Menu ... your menu>
</div>

The z-index only worNote: Z-index only works on elements that have been positioned (eg position:absolute;)... it's nice to know when you wanna do something concerning about stack order.

Anyway, gj you got it yourself ^^.

Thanks for the credit ^^

0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
User art_snob (http://www.experts-exchange.com/M_6114203.html) encountered strange behavior of Android Web browser on his Mobile Web site. It took a while to find the true cause. It happens so, that the Android Web browser (at least up to OS ver. 2.…
In this video, Percona Solution Engineer Dimitri Vanoverbeke discusses why you want to use at least three nodes in a database cluster. To discuss how Percona Consulting can help with your design and architecture needs for your database and infras…
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…

704 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question