This is a migrated thread and some comments may be shown as answers.

remove borders and alignment change in Rad menu

1 Answer 188 Views
Menu
This is a migrated thread and some comments may be shown as answers.
sathish venkat
Top achievements
Rank 2
sathish venkat asked on 15 Apr 2010, 11:34 PM
Hi,

    i am using rad menu control to achieve horizontal menu and i have an issue in css
i need to remove borders and change alignment to center align.please give a solution for this
i have attached screen shot with current and required screen shot

this css is i am using

 

/* RadMenu Black skin */ 
 
.RadMenu_Black   
{  
    background#1e1e1e;  
}  
 
.RadMenu_Black_rtl  
{  
    text-alignrightright;  
}  
 
.RadMenu_Black_Context  
{  
    backgroundnone;  
    border: 0;  
}  
 
.RadMenu_Black a  
{  
    text-decorationnone;  
}  
 
.RadMenu_Black .rmLink,  
.RadMenu_Black .rmTemplate  
{  
    fontnormal 12px/25px "Segoe UI""Myriad Pro"Arialsans-serif;  
    text-decorationnone;  
    color#9f9f9f;  
    padding-left:3px;  
}  
 
.RadMenu_Black .rmLink:focused,  
.RadMenu_Black .rmFocused  
{  
    outline: 0;  
}  
 
.RadMenu_Black .rmRootGroup .rmLink:hover,  
.RadMenu_Black .rmRootGroup .rmFocused,  
.RadMenu_Black .rmRootGroup .rmExpanded  
{  
    backgroundtransparent url(Menu/SelectedBgRoot.gif) no-repeat 0 4px;  
    color#fff;  
}  
 
.RadMenu_Black .rmRootGroup .rmLink:hover .rmText,  
.RadMenu_Black .rmRootGroup .rmFocused .rmText,  
.RadMenu_Black .rmRootGroup .rmExpanded .rmText  
{  
    backgroundtransparent url(Menu/SelectedBgRoot.gif) no-repeat rightright 4px;  
}  
 
.RadMenu_Black .rmGroup .rmLink:hover,  
.RadMenu_Black .rmGroup .rmFocused,  
.RadMenu_Black .rmGroup .rmExpanded,  
.RadMenu_Black .rmGroup .rmLink:hover .rmText,  
.RadMenu_Black .rmGroup .rmFocused .rmText,  
.RadMenu_Black .rmGroup .rmExpanded .rmText  
{  
    backgroundtransparent url(Menu/SelectedBgSubitem.gif) repeat-x 0 0;  
}  
 
.RadMenu_Black .rmRootGroup .rmLink,  
{  
    margin-right5px;  
    overflowvisible;  
}  
 
.RadMenu_Black_rtl .rmRootGroup .rmLink  
{  
    margin: 0 0 0 5px;  
}  
 
.RadMenu_Black .rmRootGroup .rmLink .rmText  
{  
    margin-right:-1px;  
}  
 
.RadMenu_Black .rmGroup  
{  
    background#383838;  
    border1px solid #1c1c1c;  
}  
 
.RadMenu_Black .rmHorizontal  
{  
    height33px;  
    background#383838 url(Menu/Background.gif) repeat-x top left 
}  
 
.RadMenu_Black .rmGroup .rmHorizontal  
{  
    height21px;  
    background#383838;  
}  
 
.RadMenu_Black .rmGroup .rmLink  
{  
    text-decorationnone;  
    color#9f9f9f;  
    line-height15px;  
    margin: 0;  
    font-size11px;  
}  
 
.RadMenu_Black .rmGroup .rmTemplate  
{  
    padding-left7px;  
}  
 
.RadMenu_Black_rtl .rmGroup .rmLink,  
.RadMenu_Black_rtl .rmGroup .rmTemplate  
{  
    text-alignrightright;  
    padding-right:0;  
}  
 
.RadMenu_Black .rmText  
{  
    padding4px 20px 0;  
}  
 
.RadMenu_Black .rmGroup .rmLink .rmText  
{  
    padding3px 30px 3px 24px;  
    margin-left: 0;  
    margin-right: 0;  
}  
 
.RadMenu_Black_rtl .rmGroup .rmLink .rmText  
{  
    padding3px 24px 3px 30px;  

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 20 Apr 2010, 01:03 PM
Hello Sathish,

I tested the provided css styles but wasn't able to observe these borders. Could you please send us a simple page or a live url demonstrating the issue? Thanks

Regards,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Menu
Asked by
sathish venkat
Top achievements
Rank 2
Answers by
Yana
Telerik team
Share this question
or