Menu Item Width

2 posts, 0 answers
  1. Robert
    Robert avatar
    11 posts
    Member since:
    Jan 2008

    Posted 13 Nov 2008 Link to this post

    I'm attempting to make the root menu items on my menu a bit wider.  I managed to find properties in the CSS that widen the menu, but then the background graphic gets messed up.  What happens is that the graphic ends before the end of the menu item area.  I'm just wondering if there is a way to make each menu item just a bit wider without having to define the width of each one.

    Below is the original, then modified CSS for the menuitem.  If I could attach an image, I could show the behavior.  Unfortunately the site I'm working on isn't yet public so I can't send a link without going through a fair amount of work.

    Original 

    .RadMenu_TopMenu .rmLink       
     {     
     color#000;      
     text-decorationnone;      
     fontnormal 12px/18px "segoe ui",arial,sans-serif;      
     height18px;      
     positionrelative;      
     _float:left;      
     border-right1px solid #d1d5e0;      
     border-left0px solid #d1d5e0;      
     }     
     

     My changes

     

    .RadMenu_TopMenu .rmLink   
    {  
    color#000;   
    text-decorationnone;   
    fontnormal 12px/18px "segoe ui",arial,sans-serif;   
    height18px;   
    positionrelative;   
    _float:left;   
    border-right1px solid #d1d5e0;   
    border-left0px solid #d1d5e0;   
    padding-right5px;   
    padding-left5px;   

     

  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 14 Nov 2008 Link to this post

    Hi Robert,

    It would be best if you can open a support ticket and send us a small sample demonstrating the issue. We will test it locally and provide you with a solution to the problem.

    Greetings,
    Peter
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top