how to achieve the curved tabs using Javavscript and css

hi !!

try out Tabstrip for AJAX , i think u will get it what u r looking for.

Hello,

its just displaying as square box. I wanted Tabs with curve looks. Unable to send you the pic. If we use asp.net menu control the corners of them are sharp edges, but i wanted them to be curve edge. And more over menu items are dynamically generated and have some functionality to perform.

thanks

Hi,

By using this way u can creat the rounded tab.

• Main


• Home


• Away

This is the css:

#nav {background: black; padding: 5px 10px 2px; margin: 0;
  list-style: none; font: bold 0.8em Verdana, sans-serif;
  border-bottom: 1px solid red;}
#nav li {display: inline; padding: 2px 0;
  border: 1px solid red; border-bottom-color: #FFF; background: #FFF;}
#nav li a {padding: 3px 10px 2px 0; margin-right: -1px;
  text-decoration: none;
  background: url(topright-red.gif) top right no-repeat;}
#nav li a span {padding: 3px 0 2px 10px; margin-left: -1px;
  background: url(topleft-red.gif) top left no-repeat;}