how to achieve the curved tabs using Javavscript and css

Question

Hi All Can anyone let me know how to achieve the curved tabs using Javavscript and css for a .net 2.0 application. I know we can use the AJAX control or many free controls available on net but I just wanted using Javascript and CSS only. Please anyone help me acheiving this... Thanks in advance.

abhishek trivedi · Answer

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

vandana M · Answer

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

Manish Dwivedi · Answer

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;}