javascript dropdown menu hide behind textbox and labels on pages

Posted on 2004-10-25
Last Modified: 2012-06-21
hi everybody ,

dear friends i am working on an application where i have used dropdown menus of javascript for navigation.
this script is executed from a user control called in header of page.

now the problem is that when ever there is a textbox or label on my pages, this dynamic dropdown menu of javascript hides behind textboxes and label ( only the overlapping part).

seems as if it has gone to previous layer and priority of page is for static contents (i:e textboxes and labels).

i have included a sample code of one of my files.
<%@ Register TagPrefix="Softsolv" TagName="menuControl" Src="../UserControls/menuControl.ascx" %>
<%@ Register TagPrefix="Softsolv" TagName="footer" Src="../UserControls/FooterControl.ascx" %>
<%@ Register TagPrefix="softsolv" TagName="Header" Src="../UserControls/HeaderControl.ascx" %>
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="PasswordAuditTrail.aspx.vb" Inherits="QAInterface.PasswordAuditTrail" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <LINK href="Common/Css/style.css" type="text/css" rel="stylesheet">
            <softsolv:menucontrol id="menu" runat="server"></softsolv:menucontrol>
      <body MS_POSITIONING="GridLayout">
            <form id="Form1" method="post" runat="server">
                  <softsolv:header id="Header1" runat="server"></softsolv:header>
                  <asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 312px; POSITION: absolute; TOP: 120px" runat="server"
                        Height="8px" Font-Bold="True">PasswordAuditTrail</asp:Label>
                              <SOFTSOLV:FOOTER id="footer" runat="server"></SOFTSOLV:FOOTER>

the <softsolv:menucontrol id="menu" runat="server"></softsolv:menucontrol> control simply calls those javascript functions.

i also thought that it may be coz menus are called first and then other objects so i thought to only include javascript function in first user control in <head></head> of page  and gave actual call to that javascript func from footer user control then it says object required.

please if the situation s not clear ak me i'll give more explaination but dont let this intresting question gone unanswered .

thanks to you all in advance

anugrah atreya
Question by:anugrah
    LVL 1

    Author Comment

    hi friend s,

    i am surprized that why no bady came itha ny comments to my question.

    but i was quite lucky that i got a solution myself.

    so if you also want to know then , all we have to do is that

    we have to remove that "z-index " value from style untill and unless it is necessary .

    this "z-index" is used to bring the object to upper/front layers of display i:e object with higher value of z-index will come above other objects at same place with lower z-index value.

    kind regards
    LVL 1

    Author Comment

    dear administrators

    please close this question and refund my points as i myself gave a solution to this question

    kind regards

    Accepted Solution

    Closed, 50 points refunded.

    Community Support Moderator
    Experts Exchange

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Shellfire Box VPN + Lifetime Subscription

    The Shellfire Box easily connects all of your devices, even those that don't offer the possibility to establish a safe vpn connection. Access blocked content and surf safely, no matter where in the world you are located.

    Suggested Solutions

    Lots of people ask this question on how to extend the “MembershipProvider” to make use of custom authentication like using existing database or make use of some other way of authentication. Many blogs show you how to extend the membership provider c…
    This article discusses the ASP.NET AJAX ModalPopupExtender control. In this article we will show how to use the ModalPopupExtender control, how to display/show/call the ASP.NET AJAX ModalPopupExtender control from javascript, how to show/display/cal…
    Need more eyes on your posted question? Go ahead and follow the quick steps in this video to learn how to Request Attention to your question. *Log into your Experts Exchange account *Find the question you want to Request Attention for *Go to the e…
    Sending a Secure fax is easy with eFax Corporate ( First, Just open a new email message.  In the To field, type your recipient's fax number You can even send a secure international fax — just include t…

    913 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

    Need Help in Real-Time?

    Connect with top rated Experts

    12 Experts available now in Live!

    Get 1:1 Help Now