Rounded tab corners

Freshness Warning
This article is over 8 years old. It's possible that the information you read below isn't current.

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.

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

Lijit Search

Best Of

Rounded corners in CSS There lots of ways to create rounded corners with CSS, but they always require lots of complex HTML and CSS. This is simpler.
The best of 2006 I wrote a lot of drivel in 2006. Here's the things that are less crappy than the rest.
Newly Digital Newly Digital is an experimental writing project. I've asked 11 people to write about their early experiences with computing technology and post their essays on their weblogs. So go read, enjoy, and then contribute. This collection is open to you. Write up your own story, and then let the world know about it.
Customer reference questions. Sample questions to ask customer references when choosing a software vendor.
Simplified Form Errors One of the most frustrating experiences on the Web is filling out forms. When mistakes are made, the user is often left guessing what they need to correct. We've taken an approach that shows the user in no uncertain terms what needs to be fixed.
More of the best »

Recently Read

Get More

Subscribe | Archives

Rounded tab corners

Best Of

Recently Read

Get More

Recently

Elsewhere

Contact