Click here to Skip to main content
15,889,281 members
Please Sign up or sign in to vote.
4.00/5 (1 vote)
See more:
Hi Friends I am working on a Tab Structure....

For that i m using ul and li tags.....

The requirment is to apply rounded corner to the tabs i have created a css in there i have applied a class as follows......

CSS
.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 15px;
    margin: 0px 1px 0px 0px;
    font: bold 11px sans-serif;
    background-color: #fff;
    list-style: none;
    color:#000;
    border-left: solid 1px #569200;
    border-bottom: solid 1px #569200;
    border-top: solid 1px #569200;
    border-right: solid 1px #569200;
    -moz-user-select: none;
    -khtml-user-select: none;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}



it working on the Chrome, and in mozila also but Its not working on the IE....
I m using IE8 version.....
So plz help me out......
Posted

1 solution

Have your tried the creating round corners using jQuery?

See this page[^] for some examples, you'll love it!
 
Share this answer
 
Comments
Manfred Rudolf Bihy 8-Apr-11 3:23am    
jQuery to the rescue! My 5+
Eduard Keilholz 8-Apr-11 4:05am    
Hahaha! Thnx!

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900