2

Visual Studio 2010 で asp.net 4.0 テンプレートを使用して、すばやく汚い Web サイトを作成しています。

私の ISP は 3.5 しかサポートしていません。4.0 から 3.5 に変換すると、navigationmenu css が台無しになります (つまり、リンクが通常のリンクとして表示されます)。

コードは次のとおりです。

<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 がレンダリングされない理由と、それを修正する方法を教えてください。

4

1 に答える 1

0

.Net 4.0 は、 liおよびulタグを使用してナビゲーション メニューを作成します。

.Net 3.0 はdivとspanを使用してナビゲーション メニューを作成するため、CSS を適応させようとしています。

誰かが助けることができれば。

生成されたナビゲーション メニュー:

<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>
于 2012-05-21T15:23:05.660 に答える