Results 1 to 6 of 6

Thread: Rounded Corners

  1. #1
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Question Rounded Corners

    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

  2. #2
    Join Date
    Jun 2006
    Posts
    182
    Thanks
    0
    Thanked 14 Times in 14 Posts

    Default

    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.
    Btw. here is a nice example how to do it with images.

  3. #3
    Join Date
    Aug 2005
    Posts
    971
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

  4. #4
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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

  5. #5
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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

  6. #6
    Join Date
    Aug 2005
    Posts
    971
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

    See example 4.

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •