ASP.NET menu control -
i want expand menu names end of blue border, on pict. http://img.villagephotos.com/p/2005-10/1086302/menu.jpg , should in css ? try positioning , width.
css div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display:table; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; width: 80%; position: relative; } < asp:menu id="navigationmenu" font-bold="true" runat="server" cssclass="menu" enableviewstate="false" includestyleblock="false" orientation="horizontal"> < items> < asp:menuitem navigateurl="~/default.aspx" text="home"/> < asp:menuitem text="projects" value="projects" navigateurl="~/projects.aspx"> < asp:menuitem text="seed" value="seed" navigateurl="~/seed.aspx"> </asp:menuitem> < asp:menuitem text="sems" value="sems" navigateurl="~/sems.aspx"> </asp:menuitem> < asp:menuitem text="ipr" value="ipr" navigateurl="~/ipr.aspx"> </asp:menuitem> < asp:menuitem text="beneficiaries" value="beneficiaries" navigateurl="~/beneficiaries.aspx"> </asp:menuitem> < asp:menuitem text="about us" value="about us" navigateurl="~/about.aspx"></asp:menuitem> < asp:menuitem text="contacts" value="contacts" navigateurl="~/contacts.aspx"> </asp:menuitem> </asp:menuitem> </items> </asp:menu>
what advise using set widths <li>
tags , <div>
has list menu in.
asp.net give <li>
elements generated id make classes .home
, .projects
, apply them <asp:menuitem cssclass="">
attribute
Comments
Post a Comment