Mouse over image not display for first root menu

4 posts, 0 answers
  1. BV
    BV avatar
    16 posts
    Member since:
    Mar 2010

    Posted 13 Jan 2011 Link to this post

    Hi,

    I am also facing the same issue as in below forum thread. Can you please give me the solution

    http://www.telerik.com/community/forums/aspnet-ajax/menu/mouse-over-image-not-display-for-first-root-menu.aspx


    my Css

    /* <RadMenu / Default> */

    .RadMenu_UpToDateGreen .rmRootGroup,
    .RadMenu_UpToDateGreen a.rmLink,
    .RadMenu_UpToDateGreen .rmGroup .rmText,
    .RadMenu_UpToDateGreen .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmRightArrow,
    .RadMenu_UpToDateGreen .rmTopArrow,
    .RadMenu_UpToDateGreen .rmBottomArrow
    {
        background-image: url('/images/EditorialMenu/rmSprite.png');
        background-color: transparent;
        border-width: 0 0 1px;
    }

    .RadMenu_UpToDateGreen  .rmGroup .rmLink {  
            padding-left: 0px !important;   
         }  
           
        .RadMenu_UpToDateGreen  .rmGroup .rmLink .rmText {  
            padding-left: 5px !important;  
            padding-right: 5px !important;
         }  

    .RadMenu_UpToDateGreen .rmRootGroup
    {
        /*border: 1px solid #828282;*/
        border: 1px solid #DCE8E8;
        background-repeat: repeat-x;
        background-position: 0 -408px;
        background-color: #DCE8E8;
    }

    /* <Root items> */

    .RadMenu_UpToDateGreen,
    .RadMenu_UpToDateGreen a.rmLink
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #fff;
        text-decoration: none;
    }

    /*Font for Parent item in Menu */
    .parentMenuitemText
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #000;
        text-decoration: none;
    }

    .RadMenu_UpToDateGreen a.rmLink,
    .RadMenu_UpToDateGreen a.rmDisabled,
    .RadMenu_UpToDateGreen a.rmDisabled:hover
    {
        background-position: 0 -72px;
    }

    .RadMenu_UpToDateGreen .rmFirst a.rmLink,
    .RadMenu_UpToDateGreen .rmFirst a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmLast .rmText,
    .RadMenu_UpToDateGreen .rmLast a.rmLink:hover .rmText,
    .RadMenu_UpToDateGreen .rmVertical a.rmLink,
    .RadMenu_UpToDateGreen .rmVertical .rmText
    {
        background-repeat: no-repeat;
        background-position: 0 500px;   
        
    }

    .RadMenu_UpToDateGreen .rmVertical .rmFirst,
    .RadMenu_UpToDateGreen .rmVertical .rmLast
    {
        background: none;
        
    }

    .RadMenu_UpToDateGreen a.rmLink:hover,
    .RadMenu_UpToDateGreen a.rmFocused,
    .RadMenu_UpToDateGreen a.rmSelected
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #000000 !important;
        text-decoration: none;
        text-align :left;
        background-image: url('/images/EditorialMenu/topnavselected.gif') !important;
        background-color: #7AA8E4;
        background-position :0px 0px;
        
    }

    .RadMenu_UpToDateGreen .rmHorizontal .rmRootLink span.rmText
    {
        display: inline;
        padding-left: 3px;
    }

    .RadMenu_UpToDateGreen .rmHorizontal a.rmRootLink
    {
        padding-left: 0;
    }

    .RadMenu_UpToDateGreen .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
    {
        width: 100%;
    }

    .RadMenu_UpToDateGreen .rmHorizontal img.rmLeftImage
    {
        margin: 4px -4px 0 6px;
    }

    .RadMenu_UpToDateGreen_rtl .rmHorizontal img.rmLeftImage
    {
        margin: 4px 6px 0 -4px;
    }

    .RadMenu_UpToDateGreen .rmVertical a.rmLink
    {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .RadMenu_UpToDateGreen .rmVertical a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmVertical a.rmFocused,
    .RadMenu_UpToDateGreen .rmVertical a.rmSelected,
    .RadMenu_UpToDateGreen .rmVertical a.rmExpanded,
    .RadMenu_UpToDateGreen .rmVertical a.rmExpanded:hover
    {
        padding-top: 0;
        padding-bottom: 0;
        border-style: solid;
        /*border-color: #828282;*/
        border-color: #DCE8E8;
        border-width: 1px 0;
    }

    .RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmFocused,
    .RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmSelected,
    .RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded,
    .RadMenu_UpToDateGreen .rmVertical .rmFirst a.rmExpanded:hover
    {
        padding-top: 1px;
        padding-bottom: 0;
        border-top-width: 0;
    }

    .RadMenu_UpToDateGreen .rmVertical .rmLast a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmVertical .rmLast a.rmFocused,
    .RadMenu_UpToDateGreen .rmVertical .rmLast a.rmSelected,
    .RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded,
    .RadMenu_UpToDateGreen .rmVertical .rmLast a.rmExpanded:hover
    {
        padding-bottom: 1px;
        padding-top: 0;
        border-bottom-width: 0;
    }

    .RadMenu_UpToDateGreen .rmVertical .rmItem a.rmDisabled:hover
    {
        padding-top: 1px;
        padding-bottom: 1px;
        border-width: 0;
    }

    .RadMenu_UpToDateGreen a.rmExpanded,
    .RadMenu_UpToDateGreen a.rmExpanded:hover
    {
        background-color: #8BC0B8; /* Parent Item background on subitem mouse hover */
    }

    .RadMenu_UpToDateGreen a.rmDisabled,
    .RadMenu_UpToDateGreen a.rmDisabled:hover
    {
        color: #7d7d7d;
        background-color: transparent;
    }

    /* </Root items> */


    /* <Submenu items> */
    div.RadMenu .rmLink .rmText
    {
        margin: 0;
        padding: 5;
        padding-right :10px;
    }

    .RadMenu_UpToDateGreen .rmGroup,
    .RadMenu_UpToDateGreen .rmMultiColumn,
    .RadMenu_UpToDateGreen .rmGroup .rmVertical
    {
        /*border: 1px solid #979797;*/
        /*border: 1px solid #000000;*/
         border: 1px solid #979797 !important; 
         background: #f0f0f0 !important;
        background: #D8E4E4 url('/images/EditorialMenu/rmVSprite.png') repeat-y 0 0;
    }

    .RadMenu_UpToDateGreen .rmTopFix,
    .RadMenu_UpToDateGreen .rmBottomFix,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners ul.rmHorizontal .rmFirst,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
    {
        background-image: url('/images/EditorialMenu/rmVSprite.png');
        background-color: #DCE8E8;
        background-repeat: repeat-y;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmGroup .rmItem,
    * html .rmRoundedCorners_UpToDateGreen ul.rmHorizontal .rmFirst
    {
        background-image: url('/images/EditorialMenu/rmVSprite.png');
        background-color: #8BC0B8;
        background-repeat: repeat-y;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmHorizontal .rmItem,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrap .rmVertical,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmHorizontal .rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrap .rmVertical
    {
        background-image: none;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmGroup,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmItem,
    * html .rmRoundedCorners_UpToDateGreen .rmHorizontal .rmItem,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrap .rmVertical
    {
        background-image: none;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroupColumn
    {
        background-color: #8BC0B8;
    }

    .RadMenu_UpToDateGreen .rmBottomLeft,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners ul.rmGroup,
    .RadMenu_UpToDateGreen .rmRoundedCorners ul.rmGroup,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmMultiColumn
    {
        background-image:  url('/images/EditorialMenu/rmRoundedLeft.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer,
    * html .rmRoundedCorners_UpToDateGreen .rmGroup ul.rmGroup,
    * html .rmRoundedCorners_UpToDateGreen ul.rmGroup
    {
        background-image:  url('/images/EditorialMenu/rmRoundedLeft.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadMenu_UpToDateGreen .rmTopRight,
    .RadMenu_UpToDateGreen .rmBottomRight
    {
        background-image:  url('/images/EditorialMenu/rmRoundedRight.png');
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadMenu_UpToDateGreen .rmTopFix,
    .RadMenu_UpToDateGreen .rmBottomFix,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmGroup .rmFirst,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmGroup .rmFirst,
    .rmRoundedCorners_UpToDateGreen .rmGroup .rmFirst
    {
        border-color: #979797;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
    {
        background: #8BC0B8;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopFix,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomFix
    {
        background: #8BC0B8;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
    {
        background-color: #8BC0B8;
        border: 0;
    }

    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmTopArrow,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmBottomArrow,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmLeftArrow,
    * html .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer .rmRightArrow
    {
        background-color: #8BC0B8;
        border: 0;
    }

    .RadMenu_UpToDateGreen_rtl .rmBottomLeft,
    .RadMenu_UpToDateGreen_rtl .rmRoundedCorners ul.rmGroup,
    .RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmMultiColumn,
    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_UpToDateGreen .rmScrollWrapContainer .rmBottomLeft,
    .rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl ul.rmGroup,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer
    {
        background-image: url('/images/EditorialMenu/rmRoundedLeft_rtl.png');
    }

    .RadMenu_UpToDateGreen_rtl .rmTopRight,
    .RadMenu_UpToDateGreen_rtl .rmBottomRight
    {
        background-image: url('/images/EditorialMenu/rmRoundedRight_rtl.png');
    }

    .RadMenu_UpToDateGreen_rtl li.rmTopFix,
    .RadMenu_UpToDateGreen_rtl li.rmBottomFix,
    .RadMenu_UpToDateGreen_rtl .rmRoundedCorners .rmGroup .rmItem,
    .rmRoundedCorners.RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmItem
    {
        background-position: 101% 0;
    }

    .RadMenu_UpToDateGreen .rmSlide .rmScrollWrap
    {
        background-image: none;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup,
    .RadMenu_UpToDateGreen_rtl .rmMultiColumn,
    .RadMenu_UpToDateGreen_rtl .rmGroup .rmVertical
    {
        background-position: 100% 0;
    }

    .RadMenu_UpToDateGreen .rmRootGroup li.rmItem .rmGroup
    {
        padding-bottom: 0;
    }

    .RadMenu_UpToDateGreen .rmRootGroup .rmHorizontal
    {
        background-image: none;
    }

    .RadMenu_UpToDateGreen .rmScrollWrap .rmVertical
    {
        border: 0;
    }

    .RadMenu_UpToDateGreen .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
    .RadMenu_UpToDateGreen_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
    .rmRoundedCorners_UpToDateGreen .rmScrollWrapContainer li.rmItem
    {
        background: none;
    }

    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmFocused,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmSelected,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmExpanded
    {
        padding-top: 0;
        padding-bottom: 0;
        border: 0;
    }

    .RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink,
    .RadMenu_UpToDateGreen .rmGroup .rmLast a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmGroup .rmLast a.rmFocused,
    .RadMenu_UpToDateGreen .rmGroup .rmLast a.rmSelected,
    .RadMenu_UpToDateGreen .rmGroup .rmLast a.rmExpanded
    {
        padding-bottom: 1px;
    }

    .RadMenu_UpToDateGreen .rmGroup a.rmLink,
    .RadMenu_UpToDateGreen .rmGroup .rmText,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmText,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmText
    {
        background-position: 0 500px;
        background-repeat: no-repeat;
        background-color: transparent;
    }

    .RadMenu_UpToDateGreen .rmGroup a.rmLink:hover,
    .RadMenu_UpToDateGreen .rmGroup a.rmFocused,
    .RadMenu_UpToDateGreen .rmGroup a.rmSelected,
    .RadMenu_UpToDateGreen .rmGroup a.rmExpanded
    {
        background-position: 0 -168px;
    }

    .RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmText,
    .RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmText,
    .RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmText,
    .RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmText
    {
        background-position: 100% -192px;
    }

    /* <expand arrows> */

    .RadMenu_UpToDateGreen .rmGroup .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
    {
        background-position: 100% -216px;
    }

    .RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup a.rmLink:hover .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup a.rmFocused .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup a.rmSelected .rmExpandDown,
    .RadMenu_UpToDateGreen .rmGroup a.rmExpanded .rmExpandDown
    {
        background-position: 100% -240px;
    }

    .RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandRight,
    .RadMenu_UpToDateGreen .rmGroup a.rmDisabled:hover .rmExpandDown
    {
        background-image: url('/images/EditorialMenu/rmSprite.png');
        background-position: 100% -216px;
    }

    /* </expand arrows> */

    /* <rtl> */

    .RadMenu_UpToDateGreen_rtl a.rmLink,
    .RadMenu_UpToDateGreen_rtl .rmRootGroup a.rmDisabled
    {
        background-position: 100% -96px;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmDisabled
    {
        background: none;
    }

    .RadMenu_UpToDateGreen_rtl .rmText
    {
        background-position: 0 -96px;
    }

    .RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded .rmText,
    .RadMenu_UpToDateGreen_rtl .rmVertical a.rmExpanded:hover .rmText
    {
        background-position: 0 500px;
        background-repeat: no-repeat;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded
    {
        background-position: 100% -264px;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmText,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmText,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmText,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmText
    {
        background-position: 0 -288px;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup .rmExpandLeft
    {
        background-position: 0 -312px;
    }

    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmFocused .rmExpandLeft,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmSelected .rmExpandLeft,
    .RadMenu_UpToDateGreen_rtl .rmGroup a.rmExpanded .rmExpandLeft
    {
        background-position: 0 -336px;
    }

    /* </rtl> */

    /* </Submenu items> */

    /* <Submenu offsets (Default - specific, overlapping submenus)> */

    .RadMenu_UpToDateGreen .rmSlide
    {
        margin: 0 0 0 -1px;
    }

    .RadMenu_UpToDateGreen .rmVertical .rmSlide,
    .RadMenu_UpToDateGreen .rmSlide .rmSlide,
    .RadMenu_UpToDateGreen_Context .rmGroup .rmSlide
    {
        margin: 0 0 0 -5px;
    }

    .RadMenu_UpToDateGreen_rtl .rmSlide
    {
        margin: 0 0 0 0;
    }

    .RadMenu_UpToDateGreen_rtl .rmFirst .rmSlide
    {
        margin-left: 1px;
    }

    .RadMenu_UpToDateGreen_rtl .rmVertical .rmSlide,
    .RadMenu_UpToDateGreen_rtl .rmSlide .rmSlide,
    .RadMenu_UpToDateGreen_Context_rtl .rmGroup .rmSlide
    {
        margin: 0 0 0 5px;
    }

    /* </Submenu offsets> */

    /* <Scrolling arrows> */

    .RadMenu_UpToDateGreen .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmRightArrow
    {
        background-color: #DCE8E8;
    }

    .RadMenu_UpToDateGreen .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #DCE8E8; }
    .RadMenu_UpToDateGreen .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #DCE8E8; }

    .RadMenu_UpToDateGreen .rmTopArrow,
    .RadMenu_UpToDateGreen .rmBottomArrow,
    .RadMenu_UpToDateGreen .rmGroup .rmLeftArrow,
    .RadMenu_UpToDateGreen .rmGroup .rmRightArrow
    {
        background-color: #DCE8E8;
    }

    .RadMenu_UpToDateGreen .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #DCE8E8; }
    .RadMenu_UpToDateGreen .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #DCE8E8; }

    /* </Scrolling arrows> */

    /* <Separators> */

    .RadMenu_UpToDateGreen .rmHorizontal .rmSeparator .rmText,
    .RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmSeparator .rmText
    {
        height: 22px;
        margin: 1px 0 0;
        width: 1px;
        /*background-color: #A8A8A8;*/
        background-color: #000000;
    }

    .RadMenu_UpToDateGreen_Context .rmSeparator .rmText,
    .RadMenu_UpToDateGreen .rmHorizontal .rmGroup .rmSeparator .rmText,
    .RadMenu_UpToDateGreen .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
    {
        background-color: transparent;
        background-position: 0 -406px;
    }

    /* </Separators> */

    /* </RadMenu / Default> */
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 14 Jan 2011 Link to this post

    Hi BV,

    I explored your problem and here is a possible solution. Try to change this part of your code:
    .RadMenu_UpToDateGreen a.rmLink:hover,
    .RadMenu_UpToDateGreen a.rmFocused,
    .RadMenu_UpToDateGreen a.rmSelected
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #000000 !important;
        text-decoration: none;
        text-align :left;
        background-image: url('images/topnavselected.gif') !important;
        background-color: #7AA8E4;
        background-position :0px 0px;
          
    }

    with the one below:
    .RadMenu_UpToDateGreen .rmItem a.rmLink:hover,
    .RadMenu_UpToDateGreen a.rmFocused,
    .RadMenu_UpToDateGreen a.rmSelected
    {
        font: normal 11px/23px "Segoe UI", Arial, sans-serif;
        color: #000000 !important;
        text-decoration: none;
        text-align :left;
        background-image: url('images/topnavselected.gif') !important;
        background-color: #7AA8E4;
        background-position :0px 0px;
          
    }

    I hope this information helps. I will  be glad to assist you should you have any further questions.


    All the best,
    Katerina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. BV
    BV avatar
    16 posts
    Member since:
    Mar 2010

    Posted 17 Jan 2011 Link to this post

    Hi Katerina ,

    Adding .rmItem did not solve my problem. Kindly let me know what mistake I have done in the style sheet pasted.


    Thanks
    BV
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 Jan 2011 Link to this post

    Hi BV,

    The code worked on my side.

    Can you please send me a link to your site, so that I can inspect the problem more thoroughly?

    Greetings,
    Katerina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top