Comments on: Semantically Correct Rounded Corners in CSS

By: Jason

Jason — Tue, 30 Nov 1999 00:00:00 +0000

Interesting approach. Too bad it depends on having the header in there to get enough elements to style. Not every box you might want to give rounded borders to has a header.

This kind of thing would be soooo trivial with XBL. *sigh*

By: Swapan

Swapan — Tue, 30 Nov 1999 00:00:00 +0000

It fails spectacularly when rendering a calendar, which is basically a ‘table’ tag instead of the first ‘div’ tag. See my post at http://www.swapsphoto.com/blogs/blogger1.php

By: Raefer Gabriel

Raefer Gabriel — Tue, 30 Nov 1999 00:00:00 +0000

If you are interested in doing this in a fully automated fashion from CSS (i.e. without manually creating image files), check out my technique here. The CSS/HTML structure I use is not as semantically perfect as the ThrashBox technique, but you can use my automatic corner-image generating PHP script with the Thrashbox CSS/HTML if you prefer.

The nice part is that with the help of one PHP script, you can do everything from within the CSS file, no Photoshop hacking and slashing required - almost as easy as it will one day be with CSS3. I plan to give it the ability to generate line borders as well. And maybe to extend the technique to generate simple drop-shadow effects as well if there’s interest.