about menu width

4 posts, 0 answers
  1. Sally
    Sally avatar
    27 posts
    Member since:
    Aug 2006

    Posted 17 Jan 2009 Link to this post

    Hi there,

    I'm using rad menu to me website. All menu items are from links table of access database and I create my own menu skin. I set flow vertical but I could not fix the main menu width. It appears the width is adjusted according to the ment text. 

    Part of my style code of menu as following:
     

    .RadMenu_IntegraTire
    {
     padding:10 10px;
     width:100%;
    }

    .RadMenu_IntegraTire .link
    {
     background:#DCDCDB;
     text-decoration:none;
     text-align:left;
     font-family:Lucida,Arial,sans-serif;
     line-height:20px;
     color:#6C6C6C;
     letter-spacing:-0.05em;
     border-bottom:solid 2px #ffffff;
    }

    I tried give .RadMenu_IntegraTire width 200px but it doesn't work. The website address is http://www.integratire.com.ds498.alentus.com/ for your reference.

    Any idea about it? Thanks so much for your response.

    Sally

  2. Sally
    Sally avatar
    27 posts
    Member since:
    Aug 2006

    Posted 17 Jan 2009 Link to this post

    I already fix this problem. Thanks!

    Sally
  3. Mike
    Mike avatar
    18 posts
    Member since:
    Mar 2008

    Posted 09 Feb 2009 Link to this post

    Would you like to share how you fixed this problem because I have it too?

    Mike
  4. Sally
    Sally avatar
    27 posts
    Member since:
    Aug 2006

    Posted 09 Feb 2009 Link to this post

    Hi Mike,

    I just added one line width:170px; to .RadMenu_IntegraTire .link .
    See my new code following:

    .RadMenu_IntegraTire

    {

     

    padding:10 0px;

     

    }

    .RadMenu_IntegraTire

     

    .link

     

    {

     

    background:#DCDCDB;

     

     

    text-decoration:none;

     

     

    text-align:left;

     

     

    font-family:"Lucida Grande",sans-serif;

     

     

    line-height:20px;

     

     

    color:#6C6C6C;

     

     

    letter-spacing:-0.05em;

     

     

    border-bottom:solid 2px #ffffff;

     

     

    width:170px;

     

    }

    Hope it's helpful to your problem.

    Sally

Back to Top