Problem with Menu

2 posts, 0 answers
  1. Mathews
    Mathews avatar
    16 posts
    Member since:
    Jun 2008

    Posted 15 Sep 2008 Link to this post

    hello All
    Am using the below style sheet for my menu control.i want my menu not to be scrolled when my size of the page increases.tell me where should i make change in the style sheet for not scolling when size of the page increases.

    /* RadMenu Vista skin */

    .RadMenu_Vista

    {

    /*

    border: 1px solid #d1d5e0;

    border-top-width: 0;

    border-bottom-color: #b6bccc;

    background: #d7def0 url("Img/rootBackground.gif") repeat-x top left; */

    background: url("Img/groupBg.gif") repeat-x top left;

    border-top:1px solid #032941;

    }

    .RadMenu_Vista_rtl

    {

    text-align: right;

    }

    .RadMenu_Vista

    .group

    {

    border: 1px solid #979797;

    background: #4b92aa url("Img/submenuBackground.gif") repeat-y 27px 0;

    padding: 3px 0;

    }

    .RadMenu_Vista_rtl

    .group

    {

    /* background: #f0f0f0 url("Img/submenuBackgroundRtl.gif") repeat-y top right;*/

    background: #d7def0 url("Img/groupBg.gif") repeat-x top left;

    }

    .RadMenu_Vista

    .group .horizontal

    {

    background: #f0f0f0;

    }

    .RadMenu_Vista

    .group .item

    {

    padding-left: 1px;

    }

    .RadMenu_Vista_rtl

    .group .item

    {

    padding-right: 1px;

    }

    .RadMenu_Vista

    .link

    {

    color: #fff;

    text-decoration: none;

    font:11px/14px "segoe ui",arial,sans-serif;

    height: 18px;

    position: relative;

    display: inline-block !important;

    }

    .RadMenu_Vista

    .link:focused,

    .RadMenu_Vista

    .focused

    {

    outline: 0;

    }

    .RadMenu_Vista

    .rootGroup .text

    {

    margin: 0 0 0 6px;

    padding: 0 6px 0 0;

    }

    .RadMenu_Vista

    .vertical .text

    {

    margin: 0 0 0 6px;

    padding: 0 48px 0 0;

    }

    .RadMenu_Vista

    .horizontal .text

    {

    padding: 0 6px 0 0;

    }

    .RadMenu_Vista

    .horizontal .vertical .text

    {

    padding: 0 48px 0 0;

    }

    .RadMenu_Vista_rtl

    .rootGroup .text

    {

    margin: 0 6px 0 0;

    padding: 0 0 0 6px;

    }

    .RadMenu_Vista_rtl

    .vertical .text

    {

    margin: 0 6px 0 0;

    padding: 0 0 0 48px;

    }

    .RadMenu_Vista_rtl

    .horizontal .text

    {

    padding: 0 0 0 6px;

    }

    .RadMenu_Vista_rtl

    .horizontal .group .text

    {

    padding: 0 0 0 48px;

    }

    .RadMenu_Vista

    .rootGroup .expanded

    {

    background: transparent url("Img/rootSelected.gif") no-repeat 2px 0;

    }

    .RadMenu_Vista

    .rootGroup .expanded .text

    {

    background: transparent url("Img/rootSelected.gif") no-repeat top right;

    }

    .RadMenu_Vista_rtl

    .rootGroup .expanded

    {

    background: transparent url("Img/rootSelected.gif") no-repeat right top;

    }

    .RadMenu_Vista_rtl

    .rootGroup .expanded .text

    {

    background: transparent url("Img/rootSelected.gif") no-repeat top left;

    }

    .RadMenu_Vista

    .rootGroup .link:hover,

    .RadMenu_Vista

    .rootGroup .link:focus

    {

    background: transparent url("Img/rootHovered.gif") no-repeat 2px 0;

    }

    .RadMenu_Vista

    .rootGroup .link:hover .text,

    .RadMenu_Vista

    .rootGroup .link:focus .text

    {

    background: transparent url("Img/rootHovered.gif") no-repeat top right;

    }

    .RadMenu_Vista_rtl

    .rootGroup .link:hover,

    .RadMenu_Vista_rtl

    .rootGroup .link:focus

    {

    background: transparent url("Img/rootHovered.gif") no-repeat right top;

    }

    .RadMenu_Vista_rtl

    .rootGroup .link:hover .text,

    .RadMenu_Vista_rtl

    .rootGroup .link:focus .text

    {

    background: transparent url("Img/groupBg.gif") no-repeat top left;

    }

    .RadMenu_Vista

    .group .slide

    {

    margin: -1px 0 0 -5px;

    }

    .RadMenu_Vista_rtl

    .group .slide

    {

    margin: -1px -5px 0 0;

    }

    .RadMenu_Vista

    .group .link

    {

    padding: 0 0 0 31px;

    margin: 0 2px 0 0;

    height: 22px;

    line-height: 22px;

    }

    .RadMenu_Vista

    .group .horizontal .link

    {

    padding-left: 2px;

    }

    .RadMenu_Vista_rtl

    .group .link

    {

    padding: 0 31px 0 0;

    margin: 0;

    }

    .RadMenu_Vista_rtl

    .group .horizontal .link

    {

    padding: 0 2px 0 0;

    }

    .RadMenu_Vista

    .group .link .text

    {

    padding-top: 2px;

    padding-bottom: 2px;

    line-height: 18px;

    }

    .RadMenu_Vista

    .group .link:hover,

    .RadMenu_Vista

    .group .expanded

    {

    background: transparent url("Img/rootHovered.gif") no-repeat top left;

    }

    .RadMenu_Vista

    .group .link:hover .text,

    .RadMenu_Vista

    .group .expanded .text

    {

    background: transparent url("Img/rootHovered.gif") no-repeat top right;

    }

    .RadMenu_Vista_rtl

    .group .link:hover,

    .RadMenu_Vista_rtl

    .group .expanded

    {

    background-position: top right;

    }

    .RadMenu_Vista_rtl

    .group .link:hover .text,

    .RadMenu_Vista_rtl

    .group .expanded .text

    {

    background-position: top left;

    }

    .RadMenu_Vista

    .group .expandLeft

    {

    background: transparent url("Img/submenuExpandable.gif") no-repeat top right;

    }

    .RadMenu_Vista

    .group .link:hover .expandLeft,

    .RadMenu_Vista

    .group .expanded .expandLeft,

    .RadMenu_Vista

    .group .link:hover .expandRight,

    .RadMenu_Vista

    .group .expanded .expandRight

    {

    background-image: url("Img/rootHovered.gif");

    }

    .RadMenu_Vista

    .group .expandRight

    {

    background: transparent url("Img/submenuExpandableRtl.gif") no-repeat top left;

    }

    .RadMenu_Vista

    .group .disabled,

    .RadMenu_Vista

    .rootGroup .disabled

    {

    color: #999;

    }

    .RadMenu_Vista

    .group .disabled:hover,

    .RadMenu_Vista

    .rootGroup .disabled:hover,

    .RadMenu_Vista

    .group .disabled:hover .text,

    .RadMenu_Vista

    .rootGroup .disabled:hover .text

    {

    background-image: none;

    }

    .RadMenu_Vista

    .topArrowDisabled,

    .RadMenu_Vista

    .bottomArrowDisabled,

    .RadMenu_Vista

    .leftArrowDisabled,

    .RadMenu_Vista

    .rightArrowDisabled

    {

    display: none;

    }

    .RadMenu_Vista

    .topArrow,

    .RadMenu_Vista

    .bottomArrow,

    .RadMenu_Vista

    .leftArrow,

    .RadMenu_Vista

    .rightArrow

    {

    font-size: 0;

    color: #979797;

    line-height: 0;

    }

    .RadMenu_Vista

    .topArrow,

    .RadMenu_Vista

    .bottomArrow

    {

    height: 10px;

    width: 100%;

    background: #fff url("Img/scrollArrowUpDown.gif") no-repeat top center;

    }

    .RadMenu_Vista

    .bottomArrow

    {

    background-position: center -1px;

    }

    .RadMenu_Vista

    .leftArrow,

    .RadMenu_Vista

    .rightArrow

    {

    width: 10px;

    height: 100%;

    background: #fff url("Img/scrollArrowLeftRight.gif") no-repeat left center;

    }

    .RadMenu_Vista

    .rightArrow

    {

    background-position: -18px center;

    }

    Reply Expecting soon
    Thanks & Regards
    Mathews
  2. Rumana
    Rumana avatar
    2 posts
    Member since:
    Feb 2008

    Posted 16 Sep 2008 Link to this post

    Hi,

    Try to avoid giving width in the menu in the aspx page . I think this might help you.
Back to Top