I am trying to match menu colors/styles to an existing web site, so none of your great supplied skins match the color schemes of the existing site. In trying to control the menus without a skin, I am encountering a border with white space all around each menu and item (see attached screen capture).
What properties or css properties do I need to utilize (in what manner) in order to eliminate this spacing issue?
The code for the menu as pictured is:
Please bear in mind that the colors, fonts, etc. are not those of the targeted web site, but just simple settings we are using to learn how to control the look and feel of the menus without skins.
Thanks in advance!
Lynn
What properties or css properties do I need to utilize (in what manner) in order to eliminate this spacing issue?
The code for the menu as pictured is:
<telerik:RadMenu ID="RadMenu2" runat="server"> |
<Items> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="True" |
Font-Names="Arial" Font-Size="Small" ForeColor="White" |
NavigateUrl="Default.aspx" Text="Home"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="True" |
Font-Names="Arial" Font-Size="Small" ForeColor="White" Text="Overview" |
BorderColor="#212121"> |
<Items> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="False" |
NavigateUrl="HowWeWork.aspx" Text="How We Work" ForeColor="#FF8000"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="False" |
Font-Names="Arial" Font-Size="Small" ForeColor="#FF8000" |
NavigateUrl="ProdsAndSvcs.aspx" Text="Our Products And Services"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="False" |
Font-Names="Arial" Font-Size="Small" ForeColor="#FF8000" |
NavigateUrl="TransTypes.aspx" Text="Transaction Types"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="False" |
Font-Names="Arial" Font-Size="Small" ForeColor="#FF8000" |
NavigateUrl="PropertyTypes.aspx" Text="Property Types"> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="True" |
Font-Names="Arial" Font-Size="Small" ForeColor="White" Text="My Account" BorderStyle="None" > |
<Items> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="false" |
Font-Names="Arial" Font-Size="Small" ForeColor="#FF8000" Text="My Dashboard" BorderStyle="None"> |
</telerik:RadMenuItem> |
<telerik:RadMenuItem runat="server" BackColor="#212121" Font-Bold="false" |
Font-Names="Arial" Font-Size="Small" ForeColor="#FF8000" Text="My Reward Points" BorderStyle="None" > |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenuItem> |
</Items> |
</telerik:RadMenu> |
Thanks in advance!
Lynn