none
在使用VS2010自带的模板工程时,在页面弹出“提示框”时,页面的导航栏本来的水平布局变为竖直布局 RRS feed

  • 问题

  • 你好:

    在使用VS的网站工程模板做一个网站时,如果使用

    <script type='text/javascript'>
            if (document.all("MainContent_HidBtn").value != "") {
                alert(document.all("MainContent_HidBtn").value);
                document.all("MainContent_HidBtn").value = "";
            }
            window.onload = ShowAlert;
        </script>

    ClientScript.RegisterStartupScript(this.GetType(), "test", "alert('无法与TCP服务器建立连接!');window.onload=ShowAlert;", true);

    在弹出提示框时,在没有按“确认”前,背景页面的导航栏中的item变为竖向布局,按确认后变为水平布局,正常情况下应该是水平布局。相关代码如下,怎么样解决这个问题啊,搞了好久。

    css格式:

    /* TAB MENU   
    ----------------------------------------------------------*/
    div.hideSkiplink
    {
        background-color:#3a4f63;
        width:100%;
    }
    
    div.menu
    {
        padding: 4px 0px 4px 8px;
    }
    
    div.menu ul
    {
        list-style: none;/* 将默认的列表符号去掉 */
        margin: 0px;/* 将默认的外边距去掉 */
        padding: 0px;/* 将默认的内边距去掉 */
    }
    
    /* 设置链接样式 */
    div.menu ul li a, div.menu ul li a:visited
    {
        background-color: #465c71;
        border: 1px #4e667d solid;
        color: #dde4ec;
        display:block; /* 将链接设为块级元素 */
        line-height: 1.35em;/* 设置行高,将行高和高度设置同一个值,可以让单行文本垂直居中 */
        padding: 4px 20px;
        text-decoration: none;/* 去掉下划线 */
        white-space: nowrap;
        float: left;
    }
    /*链接悬停效果*/
    div.menu ul li a:hover
    {
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;/* 去掉下划线 */
    }
    
    div.menu ul li a:active
    {
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;/* 去掉下划线 */
    }
    /* FORM ELEMENTS   
    ----------------------------------------------------------*/

    aspx代码:

                </div>
                <div class="clear hideSkiplink">
                    <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" >
                        <Items>
                            <asp:MenuItem NavigateUrl="~/Default.aspx" Text="主页"/>
                            <asp:MenuItem NavigateUrl="~/Manage/Manage.aspx" Text="平台监控"/>
                            <asp:MenuItem NavigateUrl="~/Default.aspx" Text="用户认证"/>
                            <asp:MenuItem NavigateUrl="~/Support.aspx" Text="技术支持"/>
                            <asp:MenuItem NavigateUrl="~/About.aspx" Text="关于我们"/>
                        </Items>
                    </asp:Menu>
    
                </div>
    这个代码是模板自动生成的。

    导航栏是在母页中设置的。






    • 已编辑 lewang 2014年6月28日 2:00
    2014年6月27日 9:24

全部回复

  • ......
    2014年6月28日 0:58
  • 你好,

    请按f12键去查看你的css样式是否被修改过。当你点击玩确认之后

    2014年6月30日 9:23
  • 谢谢你的回复,点击完之后弹出消息提示框,F12无法显示css样式,弹出前样式是对的。

    我用了父子div的相对定位后可以了



                <div class="clear hideSkiplink" style="">
                    <asp:Menu style="float:left; ;  " ID="NavigationMenu" runat="server" CssClass="men" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" >
                        <Items>
                            <asp:MenuItem NavigateUrl="~/Default.aspx" Text="主"/>
                            <asp:MenuItem NavigateUrl="~/Manage/Manage.aspx" Text="平"/>
                            <asp:MenuItem NavigateUrl="~/Default.aspx" Text="用"/>
                            <asp:MenuItem NavigateUrl="~/Support.aspx" Text="技"/>
                            <asp:MenuItem NavigateUrl="~/About.aspx" Text="关"/>
                        </Items>
                    </asp:Menu>
                </div>
    hideSkiplink的style是relative,上面的代码里显不出来



    • 已编辑 lewang 2014年7月1日 1:17
    2014年7月1日 1:08
  • 嗯,那现在还有问题吗?
    2014年7月1日 5:37