2012-09-13 151 views
0
<asp:Menu ID="Menu1" runat="server" DynamicHorizontalOffset="2" ForeColor="Blue" 
        StaticSubMenuIndent="10px" Style="font-size: medium; margin-left: 25px; margin-top: 0px; 
        margin-bottom: 0px; color: #333333; text-align: left;" Width="180px" BorderStyle="None" 
        SkipLinkText="" Height="358px"> 
        <StaticMenuStyle BorderStyle="None" /> 
        <StaticSelectedStyle BackColor="#5D7B9D" /> 
        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" BorderStyle="Solid" 
         BorderColor="White" BorderWidth="1px" /> 
        <DynamicHoverStyle BackColor="#5E2433" ForeColor="White" /> 
        <DynamicMenuStyle BorderColor="#666666" Width="130px" BackColor="#EFEDED" /> 
        <DynamicSelectedStyle BackColor="#5D7B9D" /> 
        <DynamicMenuItemStyle Width="130px" BorderColor="White" BorderStyle="Solid" BorderWidth="1px" 
         HorizontalPadding="5px" VerticalPadding="2px" /> 
        <StaticHoverStyle BackColor="#5E2433" ForeColor="White" /> 
        <Items> 
         <asp:MenuItem Text="Register New Patient" Value="Register New Patient" NavigateUrl="DoctorNewRegisteration.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Wait List" Value="Wait List" NavigateUrl="DoctorWaitList.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Appointments" Value="Appointments" 
          NavigateUrl="DoctorAppointments.aspx"></asp:MenuItem> 
         <asp:MenuItem NavigateUrl="DoctorCheckup.aspx" Text="Patient Visit" Value="Patient Visit"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Add/Delete Vaccine" Value="Add/Delete Vaccine" NavigateUrl="DoctorNewVaccine.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Vaccination Schedule" Value="Vaccination Schedule" NavigateUrl="DoctorVacSchedule.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Vaccination Due List" Value="Vaccination Due List" NavigateUrl="DoctorVacDueList.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="My Profile" Value="My Profile" NavigateUrl="DoctorMyProfile.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Announcements" Value="Announcements" NavigateUrl="DoctorAnnouncements.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Reference Documents" Value="Reference Documents" NavigateUrl="DoctorUploadDoc.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Message To Patients" Value="Message To Patients" NavigateUrl="DoctorMessage.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Inactive List" Value="Inactive List" 
          NavigateUrl="DoctorInactiveList.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem NavigateUrl="DoctorBirthList.aspx" Text="Birthday List" 
          Value="Birthday List"></asp:MenuItem> 
         <asp:MenuItem Text="Change Password" Value="Change Password" NavigateUrl="DoctorChangePassword.aspx"> 
         </asp:MenuItem> 
         <asp:MenuItem NavigateUrl="DoctorMenuPage.aspx" Text="Home" Value="Home"></asp:MenuItem> 
         <asp:MenuItem Text="Logout" Value="Logout"></asp:MenuItem> 
        </Items> 
       </asp:Menu> 

我該如何將這個asp.net菜單水平地在頂部右側對齊,現在它在左側垂直對齊。頂部水平對齊asp.net菜單

請幫助我應該使用CSS或改變Asp.net菜單

回答

3

菜單控制具有的一些特性設置orientation="Horizontal"或者你可以把它添加到屬性手動

--edit 當你請將方向更改爲水平,以確保菜單將適合該方向上的給定寬度。你已經將寬度設置爲180px,如果你刪除該菜單自動水平定向自己

<asp:Menu ID="Menu1" runat="server" DynamicHorizontalOffset="2" ForeColor="Blue" 
        StaticSubMenuIndent="10px" Style="font-size: medium; margin-left: 25px; margin-top: 0px; 
        margin-bottom: 0px; color: #333333; text-align: left;" BorderStyle="None" 
        SkipLinkText="" Height="358px" orientation="Horizontal"> 
+0

它不工作時,我這樣做會在這種情況下更好的CSS? – vini

+0

不,你應該使用菜單的原始設置,它更容易。它適用於我,你應該再試一次沒有任何CSS,只是與默認設置的菜單,只有一個水平方向 –

+0

它的工作,但面臨一些問題,謝謝! – vini