remove borders and alignment change in Rad menu

2 posts, 0 answers
  1. sathish venkat
    sathish venkat avatar
    27 posts
    Member since:
    Feb 2010

    Posted 15 Apr 2010 Link to this post

    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;  
  2. Yana
    Admin
    Yana avatar
    4850 posts

    Posted 20 Apr 2010 Link to this post

    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.
Back to Top