从dotnet 4.0降级到3.5“打破”Visual Studio应用程序上的导航菜单

时间:2012-04-25 10:34:04

标签: .net css .net-3.5

我正在使用Visual Studio 2010中的asp.net 4.0模板组建一个快速而肮脏的网站。

我的ISP仅支持3.5。当我从4.0转换为3.5时,导航菜单会弹起来(即链接只显示为普通链接)。

代码只是:

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                </Items>
            </asp:Menu>

CSS是:

    div.hideSkiplink
{
    background-color:#dba201;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
    color:Red;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{

    color: #fff;
    display: block;
    line-height: 1.35em;
    padding: 0px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{

    text-decoration: none;
    font-weight:bold;
}

div.menu ul li a:active
{
    font-weight:bold;
    text-decoration: none;
}

即几乎是默认的一些小调整。

知道为什么它不会渲染css,以及我如何修复它?!

1 个答案:

答案 0 :(得分:0)

.Net 4.0使用 li ul 标签创建导航菜单。

我正在尝试调整CSS,因为.Net 3.0使用 divs spans 来创建导航菜单。

如果有人可以提供帮助。

生成导航菜单:

<div class="clear hideSkiplink">
    <a href="#ctl00_ctl00_NavigationMenu_SkipLink" style="display:inline-block;height:1px;width:1px;">
        <img src="/WebResource.axd?d=96sED37vRbOG5ljhopJ0HzPIl0UI63LUPEUULLu3zBeOX7fZmKkMVsgvI2x7KFlcdPVEOKtFPANjh4h2WI8BNTK7p7o1&amp;t=634604353351482412" alt="Pular Links de Navega&ccedil;&atilde;o" style="border-width:0px;" />
    </a>
    <div id="ctl00_ctl00_NavigationMenu">
        <span>
            <a class="ctl00_ctl00_NavigationMenu_1" href="Home.aspx">Home</a>
        </span>
        <span>
            <a class="ctl00_ctl00_NavigationMenu_1" href="About.aspx">About</a>
        </span>
    </div>
    <a name="ctl00_ctl00_NavigationMenu_SkipLink"></a>
</div>