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

编码器，我想风格我的Asp.net菜单控件，我有一套CSS定义样式我的菜单：这里是CSS：从右到左的asp.net菜单 - 帮我设置我的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>

注意，在CSS中我已经设置了浮动是“浮动：正确的”，因为我使用这个CSS样式的阿拉伯菜单（即：文本方向：从右到左+浮动：右T）。但问题是我的菜单项目仍显示在左侧。

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

备注：我希望我的菜单项出现这样的网站： www.tech-nuke.com 我带着我现在的风格来自： http://cables.com.sa/en/index.php?p=home

在此先感谢。

来源

2011-03-27 ealshabaan

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

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

来源

2011-03-27 20:25:14 Mitul

我试图做到这一点在CSS类，但是它没有影响。我不想做到整个html标签。 – ealshabaan 2011-03-27 20:48:15

如果你不想设置整个页面的方向，只要把你的菜单中的一个div元素，并设置DIR =“RTL”

来源

2013-02-24 10:15:15 mamashare

你应该改变这种标签： DIR = “RTL”

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

来源

2013-09-19 22:18:59 user2310064

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

来源

2015-03-21 09:46:54

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

回答

相关问题