I am trying to use a menu on the page but I am having issues with it's display.
I have attached a picture to explain what I am trying to do. I need the box in blue( it is just on the top right hand bar between profile and logout.
I am not able to figure out why it is being pushed down.
I am using the WebBlue skin.
Attached is my declaration of the menu
PS: I have another menu beneath it for my website navigation so I don't want to change the css file for Menu.
Basically I want to have a menu like dropdown eefect where i specify links to go to a new webpage window. I couldn't get that effect with any other control (dropdownlist/combo). If you can suggest another control I am ok to use that.
Please suggest.
I have attached a picture to explain what I am trying to do. I need the box in blue( it is just on the top right hand bar between profile and logout.
I am not able to figure out why it is being pushed down.
I am using the WebBlue skin.
Attached is my declaration of the menu
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="welcomeUser" colspan="3"> <div> <ul> <li class="welcomeuserli"> <asp:LoginView ID="_loginView" runat="server"> <LoggedInTemplate> <asp:LoginName ID="_loginName" runat="server" /> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="LoginView1" runat="server"> <LoggedInTemplate> <span class="welcomeuserpipe"> </span> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="LoginView2" runat="server"> <LoggedInTemplate> <asp:HyperLink runat="server" ID="linkProfile" NavigateUrl="~/welcome/personalinfo.aspx"> Profile</asp:HyperLink> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="LoginView6" runat="server"> <LoggedInTemplate> <span class="welcomeuserpipe"> </span> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="loginViewQuickLinks" runat="server"> <LoggedInTemplate> <telerik:RadMenu ID="rmQuickLinks" runat="server" BackColor="LightBlue" ForeColor="Black" Width="20px" > <Items> <telerik:RadMenuItem Text="Quick Links" CssClass="welcomeMenu"> <Items> <telerik:RadMenuItem NavigateUrl="https://www.nationwide.com/access/web/login.htm" Target="_blank" Text="Nationwide Login"> </telerik:RadMenuItem> </Items> </telerik:RadMenuItem> </Items> </telerik:RadMenu> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="LoginView3" runat="server"> <LoggedInTemplate> <span class="welcomeuserpipe"> </span> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="LoginView5" runat="server"> <LoggedInTemplate> <asp:HyperLink runat="server" ID="linkProfile"> Help</asp:HyperLink> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="LoginView4" runat="server"> <LoggedInTemplate> <span class="welcomeuserpipe"> </span> </LoggedInTemplate> </asp:LoginView> </li> <li class="welcomeuserli"> <asp:LoginView ID="_loginViewStatus" runat="server"> <LoggedInTemplate> <asp:LoginStatus ID="_loginStatus" runat="server" meta:resourcekey="_loginStatusResource1" /> </LoggedInTemplate> </asp:LoginView> </li> </ul> </div> </td> </tr> </table>the css for the ul:.welcomeUser{ font-size: 9px; font-weight: bold; text-align:right; padding-top: 7px; padding-left: 2px; line-height: 0.75;}.welcomeUser a{ color: blue; font-size: 12px;}.welcomeuserli { display:inline; list-style-type:none; padding-right:0.25em; padding-left:0.25em;} .welcomeuserpipe{ color: #ccc; font-size: 10px; border-right: 1px solid #ccc;}.welcomeMenu{ padding: 1px; float: none;}PS: I have another menu beneath it for my website navigation so I don't want to change the css file for Menu.
Basically I want to have a menu like dropdown eefect where i specify links to go to a new webpage window. I couldn't get that effect with any other control (dropdownlist/combo). If you can suggest another control I am ok to use that.
Please suggest.
