首页 文章

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

提问于
浏览 次
0

编码器，我试图设置我的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>`

请注意，在CSS中我将浮动设置为'float：right'，因为我将这种CSS样式用于阿拉伯语菜单（即：文本方向：从右到左浮点数：右） . 但问题是我的菜单项仍然显示在左侧 .

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

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

提前致谢 .

asp.net css menu

4 回答

  • 0
    <div dir="rtl">
    your asp.net menu here..
</div>
    回复于
  • 0

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

    <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
    回复于
  • 1

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

    回复于
  • 0

    你应该改变这个标签：dir =“rtl”

    <form id="form1" runat="server" dir="rtl">
    回复于

相关问题