Управление меню asp не плавает должным образом - PullRequest
Новая
       14

Управление меню asp не плавает должным образом

0 голосов
/ 18 мая 2011

Я пытаюсь сделать это в своем заголовке: 

Link | Link | Link                                               LoginStatus

Но элемент управления меню просто не будет плавать.То, что он делает, выглядит следующим образом: 

Link | Link | Link
LoginStatus

Я пытался переместить его влево, но все еще не работает. 

<div class="menucontainer">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Style="float:left">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Generate Report" 
                            Value="Generate Report"/>
                        <asp:MenuItem Selectable="False" Text="|"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/Download.aspx" Text="Mass Export" 
                            Value="Mass Export"></asp:MenuItem>
                        <asp:MenuItem Text="|"></asp:MenuItem>
                        <asp:MenuItem NavigateUrl="~/Admin/Home.aspx" Text="Login" 
                            Value="Login"></asp:MenuItem>
                    </Items>
                    <StaticMenuItemStyle BackColor="White" BorderColor="#CCCCCC" 
                        BorderWidth="1px" />
                </asp:Menu>
                <div style="float:left">asdaddas</div>
          </div>

CSS 

div.menucontainer
{
    background-color:#465C71;
    border-bottom: 4px solid #465c71;
    margin: 0px 0px 0px 0px;
    width:100%;
    -moz-border-radius: 6px 6px 1px 1px;  /*FF1+ */
    -webkit-border-radius: 6px 6px 1px 1px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 4px 4px 1px 1px;/*  Opera 10.5, IE9, Saf5, Chrome, FF4 */
    clear:both;
}

div.menu
{
    padding: 4px 0px 0px 5px;
    font-size: 12px;
    float:left;
    width:auto;
    border-right: 20px solid red;
    clear:none;
}

Ответы [ 2 ]

2 голосов
/ 18 мая 2011

просто оберните ваш тег меню в div и отправьте этот div. 

<div id="OuterDiv">
  <div style="float: right;">
    <asp:Menu>
    </asp:Menu>
  </div>
  ....
</div>
0 голосов
/ 18 мая 2011

Если у вас есть ссылки, работающие правильно с float:left, почему бы не использовать float:right на вашей кнопке LoginStatus (она сама по себе div, насколько я могу судить).

...