Question

Coders，我正在尝试设置我的Asp.net菜单控件的样式，并且我有一组CSS定义来设置我的菜单样式：这是CSS：

.MainMenu
{

    background: url("http://cables.com.sa/en/ddtabmenufiles/media/blockdefault.gif") repeat-x scroll center center black;
    border-color: #625E00;
    border-style: solid;
    border-width: 1px 0;
    float: right;
    font: bold 13px Arial;
    margin: 0;
    padding: 0;
    width: 100%;
}

.MainMenu a {
    float: right;
}

.MainMenu li {
    display: inline;
    float: right;
}

.MainMenu li a {
    border-right: 1px solid white;
    color: white;
    float: right;
    padding: 9px 11px;
    text-decoration: none;
}

.MainMenu li a:visited 
{
    color: white;
}


.MainMenu li a:hover, .MainMenu li a.current {
    background: url("http://cables.com.sa/en/ddtabmenufiles/media/blockactive.gif") repeat-x scroll center center transparent;
    color: white;
}

这是Asp.net主页代码：



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

<asp:Menu ID="NavigationMenu" runat="server" CssClass="MainMenu" 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中我将浮动设置为'float：right'，因为我将这种CSS样式用于阿拉伯语菜单（即：文本方向：从右到左+浮动：向右）。但问题是我的菜单项仍然显示在左侧。

我的问题是，如何设置CSS以显示左侧的菜单项？

备注：我希望我的菜单项看起来像这个网站： www.tech-nuke.com 而我正在采用我目前的风格： http://cables.com.sa/en/index.php?p=home

提前致谢。

Answer 1

<div dir="rtl">
    your asp.net menu here..
</div>

Answer 2

尝试在html标记中添加dir =“rtl”。

<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">

Answer 3

如果您不想设置整个页面的方向，只需将菜单放在div元素中并设置dir =“rtl”

Answer 4

你应该改变这个标签： DIR =＆＃34; RTL＆＃34;

<form id="form1" runat="server" dir="rtl">

从右到左的asp.net菜单 - 帮我设置我的CSS

4 个答案: