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 2 of 2
  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Unhappy Help!Problem With Css round corner menu

    Hi, I am facing a problem on my clients website with wp. I have a css menu which is tound cornerd. Now the problem is on the right corner of menu the overflow is not hiding. I try with hiding the overflow but then the submenu is not working.Here is the css for the right corner menu-
    Code:
    /*** Navigation ***/
    .top_navigation_in{float:left; height:60px; position:relative; z-index:9999; background:#EDF8FA;
    	  border-top-left-radius: 0px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 0px;
    	}
     }
    .top_navigation_in ul { height:60px; float:left; }
    .top_navigation_in ul li {float: left; display: block; text-align: center; position:relative; z-index:1; padding-left:1px;   }
    .top_navigation_in ul li a { font:normal 16px "Humanist 521 BT", Arial, Helvetica, sans-serif; display: block; padding:24px 20px 16px 20px; white-space: nowrap; overflow:hidden;  }
    .top_navigation_in ul li a:hover { }  
    .top_navigation_in ul li a.active{  }
    
    .top_navigation_in ul li ul li a { font-size:14px; }
    
    .top_navigation_in ul li ul { visibility:hidden; display:block; position:absolute; left:0; top:60px; width:180px; height:auto; }
    .top_navigation_in ul li ul li, .top_navigation_in ul li li li, .top_navigation_in ul li li li li, .top_navigation_in ul li li li li li { margin-right:0; padding-right:0px; list-style:none;  }
    .top_navigation_in ul li ul li a { display:block; width:160px; padding:8px 10px; text-align:left;  }
    .top_navigation_in ul li:hover ul { display:block; visibility:visible;}
    
    .top_navigation_in ul li ul li ul { visibility:hidden; display:block; position:absolute; left:180px; top:0px; width:180px;  }
    .top_navigation_in ul li:hover ul li ul {visibility:hidden;  }
    .top_navigation_in ul li ul li:hover ul { display:block; visibility:hidden; }
    .top_navigation_in ul li ul li ul li ul { visibility:visible; display:block; position:absolute; left:181px; top:0px; width:180px;  }
    .top_navigation_in ul li:hover ul li ul li ul { visibility:hidden; }
    .top_navigation_in ul li ul li ul li:hover ul { display:block; visibility:visible; height:auto;
    }


    Please take a look at this site:

    Code:
    http://bailiff claim manager.co.uk/   (Remove the space pls)
    you can see the menu in the header.

  • #2
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    And why the submenu Menu header (About) is always selected? what i have to do for make it normal?


  •  

    Posting Permissions

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