CSS Rounded Corners

[DJMK4]

Hi There,

Im looking to try out rounded corners on my website to see if it gives it a more modern look. Whats the best and easiest way to do this keeping in mind cross browser support?

Iv heard CSS has a rounded corner function to use, I have also heard about putting a circle in each corner of the div and repeating? would rather use the css element if possible as it would be easier.

Thanks all

 

[DJMK4]

D'oh I forgot there was this thing called a search button

 

[DJMK4]

They way I applied rounded corners was using: http://www.curvycorners.net/

Install is pretty easy:

- Upload the curvycorners.js file.

- Add the following to the header:

<script type="text/JavaScript" src="curvycorners.js"></script>

- Add the following to the style section of the div you want rounded corners on:

-moz-border-radius:2ex; -webkit-border-radius:2ex;

Works so well

Thanks dude

 

[DJMK4]

Hmm, hope they change their ways with all this non-conforming, this is why my css is full of IE hacks and fixes to get it working with IE, even with CSS1 and CSS2

 

[DJMK4]

You shouldn't need a lot of hacks and even then, only a few for IE6 tbh.

Maybe I jumped the gun on "full of", it does have some hacks though but mainly for div margins etc.