Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css dropdown menu problems

    How do I alter 2 things to do with thecss dropdown menu.
    1. centre the menu
    2 stop the overspill in the musicians sub-menu/sub-menu.
    I am a beginner with CSS.
    inmykey.com/test.htm

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    Define following CSS properties to the parent element of your menu:

    Code:
    #your_menu_container {
          width:700px; /*width you can change according to your layout design*/   
          margin:0 auto; /*0 is for zero margin from top and bottom, you can set it any value like 5px or less or more. If it is 1 or more, than you have to suffix "px" . It will make your menu center aligned*/
         position:relative; /*If you assign position property to any menu or sub-menu, it will be relative this container only, If you will skip this, it will as per browser window */
    }
    Let me know above is useful for you

  • #3
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by vikram1vicky View Post
    Define following CSS properties to the parent element of your menu:

    Code:
    #your_menu_container {
          width:700px; /*width you can change according to your layout design*/   
          margin:0 auto; /*0 is for zero margin from top and bottom, you can set it any value like 5px or less or more. If it is 1 or more, than you have to suffix "px" . It will make your menu center aligned*/
         position:relative; /*If you assign position property to any menu or sub-menu, it will be relative this container only, If you will skip this, it will as per browser window */
    }
    Let me know above is useful for you
    Hi Vikram, I don't quite get the grasp of changing the code! Can I send you the code? and maybe you could alter it.
    Thanks
    Jim


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •