After much cat-herding, I have got my menu so that when you hover over a top-level item, the item changes colors and the sub-menu slides down.
I want to add a left- and right- border to the top-level item as well, but when I try, my left border is in the middle of my item. I guess some space to the left of my item is getting the background color changed? I can't figure out how to handle this. Here is the bit of the .css that changes the color:
I want to add a left- and right- border to the top-level item as well, but when I try, my left border is in the middle of my item. I guess some space to the left of my item is getting the background color changed? I can't figure out how to handle this. Here is the bit of the .css that changes the color:
.RadMenu_ICR .rmLink:hover .rmText, |
.RadMenu_ICR .rmExpanded |
{ |
background-color: #d5ecf1 !important; |
font: normal 12px/23px "Segoe UI", Arial, sans-serif; |
color: #003366; |
} |
to get borders, I am adding:
border-right:1px solid #336699;
border-left:1px solid #336699;
what else do I need to do?