Rounded Corners

[Cheng]

Hi.

Can someone tell me how I can make a container with rounded corners or apply ronded corners to an existing container in XHTML CSS ?

I think it is possible but don't know how to do it.

Thanks in advance.

Cheng

[DimX]

Usually it's done using images and tables or divs, but Gecko browsers should also support a CSS property border-radius but IE doesn't support this thingie, or maybe IE7 does, I don't know. :p
Btw. here (http://kalsey.com/2003/07/rounded_corners_in_css/) is a nice example how to do it with images.

[shachi]

Well here's something that might help: http://curvycorners.net/

[Cheng]

Hi.

Thanks to both of you for the reply.
I think I saw quiet a few webpages that had round corners an been made in XHTML.
I recon that they can be added in CSS inside a container tag but that's just my guess.
I hope somebody drops in here who knows how to do it.
Could not check out http://curvycorners.net/ because I have trouble with my internet connection.
But I will have a look later.

Thanks again.

Cheng

[Cheng]

Hi.

I checked out http://curvycorners.net/ but that is a huge script.
I thought this can be done without javascript.
Here for example http://www.snapfiles.com/Freeware/gmm/fwani.html
Are these round corners made with javascript?
Or is this done another way?
Hope someone can tell me if it is possible without jacascript.

Thanks.

cheng

[shachi]

Well, those rounded corners are with images. Try this if you want plain css: http://www.webreference.com/programming/css_borders/examples/krazy.htm

See example 4.

Well here's the tutorial:
http://www.webreference.com/programming/css_borders/