從右到左的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

回答

相關問題