SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Rounded corner containers...?

    Hey guys,

    I need to know how to reproduce rounded corners for containers with CSS? Anyone have any sites that would explain this?

  2. #2
    Put your best practices away. The New Guy's Avatar
    Join Date
    Sep 2002
    Location
    Canada
    Posts
    2,087
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Not sure what you mean by "containers" but to make rounded corners, using ONLY css you have to use mozilla's proprietary moz-border-radius.

    http://www.bath.ac.uk/~cs1spw/demos/...er-radius.html
    "A nerd who gets contacts
    and a trendy hair cut is still a nerd"

    - Stephen Colbert on Apple Users

  3. #3
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah sorry...I don't really know what to call them. But here is a link to help out, I was at a different computer when I posted the thread so I didn't have the link. http://www.albin.net/CSS/roundedCorners This site has what I want to produce and even has some code for doing it but I can't figure it out really...its just code and no explanation, which really doesn't help me if I don't know what I'm doing.

  4. #4
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by The New Guy
    Not sure what you mean by "containers" but to make rounded corners, using ONLY css you have to use mozilla's proprietary moz-border-radius.

    http://www.bath.ac.uk/~cs1spw/demos/...er-radius.html
    Woah, those corners look terrible. Not even anti-aliased.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Have a look here for more corners than you'll ever want

    http://css-discuss.incutio.com/?page=RoundedCorners

    Paul

  6. #6
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cool thanks Paul.

  7. #7
    SitePoint Guru OfficeOfTheLaw's Avatar
    Join Date
    Apr 2004
    Location
    Quincy
    Posts
    636
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't like the round corners hack much because I need to add extra markup for what is essentially a design element

    At least it's been proposed that CSS3 allows for border images, which should make life easier (sadly, IE7 probably won't implement it, of course)

  8. #8
    High fives all round! bradley317's Avatar
    Join Date
    Jan 2004
    Location
    Chester, UK
    Posts
    214
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I usually go for a 20x20 pixel graphic of a rounded corner as a background that doesn't repeat. By matching the colour of say the navigation column, you can make the impression of a rounded corner into the content.
    Hello, hello, what's all this shouting?
    We'll have no trouble here

    (Helping a pal... http://www.funkdub.info)


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
  •