Curved buttons

[shrid]

Hi, Can anyone pls tell me how to get curved buttons in CSS....?

border:2px solid #333333;
    border-radius:10px;

Is this code correct?But it didn't work for me.
Pls help me..

[buddylee17]

The border-radius attribute isn't yet supported by many browsers, like IE. I would recommend using FireWorks or Photoshop to make your buttons, since border-radius is only supported by Firefox, Safari, and a few others.

[roryt]

Yeh as Buddylee17 said, they aren't supported fully yet and will be part of css 3.0 i believe. Now as for making them in photoshop, if you are just uing a flat colour for the button then what you need to think about is creating a transparent gif file that simply covers the corners up of a rectangle that you create with html.

There are also some javascript ways of creating rounded corners aswell. I believe that daniweb either does or did use them for a while to create the boxes around the forum posts.

[ccube921]

Ive seen Jquery do rounded corners with a simple one line link to some of its JS.
Of course Inkscape and GIMP (Free graphic tools) offer rounded corners as well.

[MidiMagic]

I just made an image with mspaint and used it as the button image.

[roryt]

In the interest of pleasing anybody who reads this thread: here is the way to do it without images: http://www.html.it/articoli/niftycube/index.html