CODEWITHSUNDEEP
asp.netcsswebforms
Cute Bear
Cute Bear

Reputation: 3293

How can I get my table to display above my ContentPlaceHolder?

I am trying to create a menu in the MasterPage that is displayed when a hyperlink is clicked. YardimDokumaniMenuAHREF is the hyperlink that displays the menu. As you can see, a javascript is called when I click on it. However contensts of the cells can not be displayed due to contentplaceholder. Please see the screenshot.

and this is my code. can someone help me out with this?

<a id="YardimDokumaniMenuAHREF" href="javascript:DisplayMenu('ctl00_YardimDokumaniMenuContent')" runat="server" title="">YARDIM DÖKÜMANI</a>
<%-- YardimDokumaniMenuAHREF triggers YardimDokumaniMenuContent to be displayed --%>

<div ID="YardimDokumaniMenuContent" runat="server" style="visibility:hidden; position:absolute; z-index:-99999">
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <a href="/YardimDokumanlari/YeniSayfa?key=38fad920-196c-48d9-a2fa-3df052c0cb0c">hadi bakalııııım</a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="/YardimDokumanlari/YeniSayfa?key=38fad920-196c-48d9-a2fa-3df052c0cb0c">hadi bakalııııım333</a>
        </td>
    </tr>
</table>
</div>
                    </li>
                    <li class=""><a href="~/Default.aspx" title="Ana Sayfa" runat="server" id="AnaSayfaLink">
                        Ana Sayfa</a> </li>
                    <li class=""><a href="~/Everyone/iletisim.aspx" runat="server" title="Bilgi almak istiyorum, şikayetim var, haklı müşteriyim.">
                        İLETİŞİM / YARDIM MASASI</a></li>
                    <li class="current_page_item" runat="server" id="OnlineIslemLink"><a id="A1" runat="server"
                        href="https://ode.a-kent.com/Yetki/Login.aspx">ONLINE İŞLEM</a> </li>
                    <li class="">
                        <asp:LinkButton ID="LogoutLinkButton" runat="server" CausesValidation="false" OnClick="LogoutLinkButton_Click">GÜVENLİ ÇIKIŞ</asp:LinkButton>
                    </li>
                </ul>
            </div>
            <!-- globalNav end -->
        </div>
        <!-- header end -->
        <div id="main">
            <div class="panel fetaured" style="left: 192px; top: 0px; width: 755px;">
                <div class="comments">
                    <a href="javascript:history.go(-1);"><b>GERİ</b></a>
                </div>
            </div>
        </div>
        <div>
            <asp:ContentPlaceHolder runat="server" ID="LeftPanelContentPlaceHolder">
            </asp:ContentPlaceHolder>

Display menu function:

<script type="text/javascript">
    function DisplayMenu(obj) {
        obj = document.getElementById(obj);
        obj.style.visibility = 'visible';
    }
</script>

Upvotes: 0

Views: 409

Answers (1)

Ivo
Ivo

Reputation: 8362

Remove the z-index:-99999from the YardimDokumaniMenuContent div style. If that doesn't work, ensure the z-index of that div is greater than the one of the background.

Upvotes: 1

Related Questions