I seem to be struggling. I'm trying to get my Menu to have a down arrow next to my text in the main rootGroup when there are child items but I can't seem to get it to appear. I've looked at the examples and on the screenshots the Web20 skin seems to do this BUT I've tried to implement that skin both using the embedded resources and by copying the files and whilst there is a down arrow in there, and one specified in the css it never appears. I've looked at the code and it seems these images don't get rendered, is there a problem or am I doing something wrong?
Here's my css code if that helps:
Lloyd
Here's my css code if that helps:
.RadMenu_ECargo{ font-family: Verdana, Helvetica, Arial, sans-serif; padding-left:20px; } |
.RadMenu_ECargo .rmRootGroup{} |
.RadMenu_ECargo .rmRootGroup .rmLink |
{ |
color:#ffffff; text-decoration:none; |
height:54px; padding:0 20px; line-height:54px; |
background:transparent url('/Images/Global/nav-buttons-bg_normal.gif') repeat-x bottom left; |
} |
.RadMenu_ECargo .rmRootGroup .rmSeparator |
{ |
height:54px; width:2px; |
background:transparent url('/Images/Global/nav-buttons-bg_seperator.gif') no-repeat bottom left; |
} |
.RadMenu_ECargo .rmRootGroup .rmLink:hover, |
.RadMenu_ECargo .rmRootGroup .rmFocused, |
.RadMenu_ECargo .rmRootGroup .rmExpanded |
{ |
background:transparent url('/Images/Global/nav-buttons-bg_over.gif') repeat-x bottom left; |
} |
.RadMenu_ECargo .rmRootGroup .rmExpandBottom, |
.RadMenu_ECargo .rmRootGroup .rmExpandTop, |
.RadMenu_ECargo .rmRootGroup .rmFocused .rmExpandBottom, |
.RadMenu_ECargo .rmRootGroup .rmFocused .rmExpandTop, |
.RadMenu_ECargo .rmRootGroup .rmExpanded .rmExpandBottom, |
.RadMenu_ECargo .rmRootGroup .rmExpanded .rmExpandTop |
{ |
background:transparent url(/Images/Global/nav-arrow-down.gif) right center no-repeat; |
} |
.RadMenu_ECargo .rmGroup .rmLink, |
.RadMenu_ECargo .rmGroup .rmLink:hover, |
.RadMenu_ECargo .rmGroup .rmFocused, |
.RadMenu_ECargo .rmGroup .rmExpanded |
{ background:#ffffff none no-repeat 0 0; min-width:150px; border:1px solid #adadad; border-top:0; color:Black; |
padding:5px 10px; height:20px; line-height:20px; } |
.RadMenu_ECargo .rmGroup .rmSeparator{ height:0; border-bottom:1px solid #adadad; border-top:1px solid black;} |
.RadMenu_ECargo .rmRootGroup .rmSlide |
{ |
margin:-1px 0 0 0;} |
Lloyd