Member Avatar for 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..

  • 5 Contributors
  • 5 Replies
  • 80 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by roryt
Member Avatar for 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.

Member Avatar for 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.

Member Avatar for 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.

Member Avatar for MidiMagic

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.