Hi James I got so sick of doing rounded corners and having to open a graphics program to change them (Hey, I'm a developer) when the design changed that I wrote PHP script using Imagick2.0 that draws the quadrants using the correct foreground colour, background color (or transparent), border size, rotation and border width.
Now instead of opening up inkscape it's just a call to a PHP script like: background-image: url(corner.png.php?fgc=ccc&bs=1&bgc=000&bc=fff&r=90); which is a grey corner with a 1px white border and black background. Of course if the background is transparent it breaks badly in IE6, but there are workarounds for that. Then I use absolute positioning within a relative position box to place the corners in the right places. I'm so Web 0.9rc2 that I don't have a blog - If I get my act together I'll post a script to one somewhere. Interestingly enough, Opera 9.5 and hopefully Firefox 3 will support SVG backgrounds which means you can have resizable background images that change size as the containing box changes size. And theSVG is just XML so it can easily be generated programmatically. http://my.opera.com/Fyrd/blog/2007/09/07/svg-multiple-images-and-rounded-corners http://dev.opera.com/articles/view/new-development-techniques-using-opera-k/ Cheers James On Wed, 31 Oct 2007 02:53:03 am James Jeffery wrote: > What methods do you find best when creating rounded corners and > which methods are the most supported? > > I have been using span tags and absolute positioning. I have also > recently started to use the sliding doors method because you can > achive nice rounded boxes with some nice effects, even better if > you use PNG's. > > Using the span method i did find a bug in IE 6, the 2 corner span's > wouldn't sit flush with the bottom of the containing div, although it > displayed fine in every other browser i tested it on and they could > be resized fine. It was odd though, because IE 5.x display them > perfect, was just IE 6. > > Lets have your beloved methods then guys. > > James > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
