Кодеры, я пытаюсь стилизовать свой элемент управления меню 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:
</p>
<pre><code> <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 для арабского меню (то есть: направление текста: справа налево + float: справа). Но проблема в том, что мои пункты меню по-прежнему отображаются слева.
У меня вопрос, как настроить CSS так, чтобы элементы меню отображались слева?
Примечания. Я хочу, чтобы пункты моего меню выглядели так:
www.tech-nuke.com
И я беру свой текущий стиль от:
http://cables.com.sa/en/index.php?p=home
Заранее спасибо.