Round Corners

[shapper]

Hello,

I have been looking for a way to create round corners with CSS without
a good CSS and HTML markup.

I've seen a lot of methods everywhere but it is getting a bit hard to
pick a good one.

Could someone advice me one or two?

I found the following:
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.html.it/articoli/nifty/index.html

Thanks,
Miguel

[Pil]

As far as I know real rounded corners are only supported by Firefox
and Webkit browsers like Safari yet. Your linked pages are describing
only tricks.

Rounded corners will be probably supported by CSS 3. So in each case
you need proprietary properties yet.

For example

-moz-border-radius: 4px;
-webkit-border-radius: 4px;

Try to search for border-radius.

[Matthew]

A List Apart (http://alistapart.com/) has published a number of
articles about how to handle rounded corners in a variety of contexts.
Just head to their page and enter "round corner" in the search box
near the top-right.

Cheers!

Matt

[Jeff]

For the time being you'll never please all criteria. Do you want this
to be easy for someone else to set up (always on top of my list)? Do you
care if it works in obsolescent browsers, or in how it fails? Is it
symantically correct? Will it need javascript and how will it degrade if
it isn't available?

Eventually we'll have CSS3 properties widely supported and be able to
set multiple backgrounds or directly specify corners. But that isn't now.

I'm always waiting for the death of some browser. First it was NS4,
then IE5, now it's IE6. I actually remember wanting NS1 to die, but that
was in the pre CSS days.

Pick a method, any method you like. Zoom the text a few steps and see
how it degrades. Look at it in IE (6 and 7), Firefox and Safari (perhaps
Opera). Except for the proprietary properties, which you usually want to
avoid, if it works in FireFox and is standards compliant, it'll probably
work fine in everything but IE.

Generally, you shouldn't allow such tricks to get in the way of
usability. We draw different lines there.

Jeff

>
> Cheers!
>
> Matt