SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    rounded boxes how to achieve?

    HI. I need to make a div id box look rounded at corners. some time ago I saw that I need a rounded gif image same color of box. for each corner. however i dont know how to achieve this. or glue the corners gif.

    any help welcome

    thanks
    qubito

  2. #2
    Afraid I can't do that Dave Hal9k's Avatar
    Join Date
    Mar 2004
    Location
    East Anglia, England.
    Posts
    640
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://www.sitepoint.com/article/rou...css-javascript

    Provides a comprehensive source on how to achieve that. Also try out this:
    http://www.stunicholls.myby.co.uk/boxes/curves.html

    Found in the comments of said article.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2003
    Location
    Toronto, Ontario
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    And for those that want to do it without JavaScript: http://www.alistapart.com/articles/customcorners

  4. #4
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks hal9k. do you know other tutorial. where the gif image corner are included?

    thanks

  5. #5
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    If you're wanting to give rounded corners to a fixed-width box, feel free to disect this example here that I made to help another member earlier. No tutorial, but the code is pretty straight-forward.

  6. #6
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks it works nice your example rounded

    thanks again

  7. #7
    SitePoint Evangelist figbeam's Avatar
    Join Date
    Jun 2004
    Location
    Sweden
    Posts
    508
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  8. #8
    Getting there... Willigogs's Avatar
    Join Date
    Aug 2003
    Location
    UK
    Posts
    394
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My personal favourite is Stu Nicholls' solution over at his CSS Playground.

    Rounded corners with no images required!


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
  •