21 Why?

Why oh why oh didn’t W3 do rounded borders for CSS? IE:

border: round 3px;

They covered just about everything else, why not do rounded?

posted at 05:54 pm on May 1, 2004 by Phill Kenoyer

22 Re: Phill Kenoyer

The obvious answer is that they did, in CSS-2: border-radius. A better answer is that “round” is not a valid border style, such as solid, dotted, or dashed. What’s the 3px in your example for? The width of the border or the radius of the curve? Therein lies the problem.

I like this article and its target effect; the only problem lies with patterned backgrounds, as quoted before. Combination of this technique with use of background-position:fixed (and appropriate hackery for IE) could result in a solution to that issue.

posted at 06:02 pm on May 1, 2004 by ecd

23 Nice alternative technique

I admire your willingness to put another controversial technique for CSS rounded corners out there. I knew this ALA audience would jump all over it in one form or another.

Fact of the matter is, it’s just another technique for adding rounded corners. And it’s a good one at that. It’s simple and innovative, and cuts down on image sizes. Thanks for writing and sharing it.

posted at 06:30 pm on May 1, 2004 by Brad Bice

24 Whine

Thanks Brad (above).

After reading through 2 whole whiny pages of posts, its good to see someone appreciate the CSS demonstrated here by Dan.

If most of you wanna bitch about articles like this one, then it is highly suggested that you actually write one yourself for submission.

posted at 10:53 pm on May 1, 2004 by jason

25 Resizable rounded boxes

Here’s another interesting technique for creating rounded boxes: http://mrclay.org/web_design/rounded/

posted at 03:11 am on May 2, 2004 by Tom

26 A similiar, marginally more flexible method

I have seen the “rounder corner” effect done this way, and the way a few people have suggest (4 divs) before. This one was new to me:

Instead of using gif’s, it’s justing div’s with border left/rights to create the effect. This method scales better though since it isn’t locked into a pixel aspect.

posted at 04:34 am on May 2, 2004 by Jeff Minard

27 Okay, so show me.

I’m new to CSS (i know “stone the newbie”… how, stupid, to attack new comers.) when people give alternative examples, a submission of the difference in code would be very appreciated – instructive as well.

my two cents.

posted at 06:07 am on May 2, 2004 by Hilliard Davis II

28 It's a good one, huh?

I’ve used this before – its a pretty good technique, but it doesn’t really work with much bigger corners because they would need an images with translucent pixels, which require a matte iirc. But that just means you’d probably want different images for vastly different colors, unless you were fine with the pixelated look.

Nice article, though. :D

posted at 08:11 am on May 2, 2004 by Thomas

29 Thanks

Very informative article, I’ve been struggiling with diffrent methods for rounded corners etc for some ‘smooth’ navigation,

It’s exaclty what was needed,
Yet another ‘hack’ to add too the arsenal

posted at 08:51 am on May 2, 2004 by Liam

30 someone finally wrote about it

I have been using this method for months, didnt realise it wasnt documented

its an awesome technique.

posted at 07:33 pm on May 2, 2004 by Benjamin