User Experience
Rounded tab corners
Freshness Warning
This blog post is over 21 years old. It's possible that the information you read below isn't current and the links no longer work.
25 May 2003
Jemima Pereira has added rounded corners to my CSS tabs code. Neat. This is exactly why I released the CSS to the public. I figure that there are a lot of smart people out there who would find ways to improve upon the concept. That’s good for several reasons. It makes the Web a better place and it also makes my applications stronger if I have the whole Web community finding ways to make it better.
Comments
Jemima Pereira
May 26, 2003 8:41 AM
The rounded corners display in Mozilla-based browsers, using the proprietary CSS extensions -moz-border-radius-topleft and -moz-border-radius-topright. IE should show the square version. Adding cross-platform rounded corners is a much bigger problem.
some guy
July 26, 2004 4:43 PM
"released the CSS to the public" view source?
norway viking
January 12, 2006 6:48 AM
Rounded tabs? Look at this; http://www.enitor.biz/inter Rounded tabs and great graphics
danish viking
October 11, 2006 8:19 AM
Every link on this page to the code and demo is closed...
Kat
March 20, 2007 5:54 AM
ohh ripped off, got me all excited and the links are a broken.
brian
May 1, 2007 6:44 AM
.roundcont { width: 250px; background-color:#800000; color: #fff; } .roundcont p { margin: 0 10px; } .roundtop { background: url(images/oldtr.jpg) no-repeat top right; } .roundbottom { background: url(images/oldbr.jpg) no-repeat top right; } img.corner { width: 15px; height: 15px; border: none; display: block !important; } Sorry should have attached the css, I guess, as that's what I think i've got wrong somehow. Even though I copied and pasted the stuff from Adam's site.
lucky
March 28, 2008 3:58 AM
thanks sirrrrrrrrrrr
This discussion has been closed.