...

View Full Version : Help!Problem With Css round corner menu



hyper
06-13-2012, 07:21 PM
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-

/*** 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:


http://bailiff claim manager.co.uk/ (Remove the space pls)

you can see the menu in the header.

hyper
06-13-2012, 08:14 PM
And why the submenu Menu header (About) is always selected? what i have to do for make it normal?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum