SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Are rounded corners possible?

    I found a css3 tutorial on rounded corners. I can only get it to work in Firefox. I know nothing of css3.

    Do I have to declare something at the top of my page?

    What is the easiest way to round corners so it works in the popular browsers?

    border-radius: 5px;
    -moz-border-radius: 5px;

    Thanks.

  2. #2
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I seem to have figured it out, but according to the previous post down the list a ways, IE won't work period.

    I think maybe all three of these are required.

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,199
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Yep, there's one more that I know of:

    -khtml-border-radius: 5px;

    ...for use on Konqueror (if you care).

    There are some JS scripts that force rounded corners to work with IE too:

    http://www.fetchak.com/ie-css3/
    http://css3pie.com/

  4. #4
    SitePoint Zealot
    Join Date
    Jan 2007
    Posts
    103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    or you could create one rounded corner image, and rotate it,color it via css...OR the google include header works i think

    <meta http-equiv="X-UA-Compatible" content="chrome=1">

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2010
    Location
    Sydney, Australia
    Posts
    37
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS3.info has some useful notes on its usage - http://www.css3.info/preview/rounded-border/

  6. #6
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Cool links Ralph! I almost want to go out and build another site just to use it. I tested each. The PIE one seems to be the better of the two. It enables multiple backgrounds in IE too! Currently, what's browser support like with multiple backgrounds in the other browsers? Anybody know?

  7. #7
    SitePoint Enthusiast
    Join Date
    Oct 2009
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nice! I hope CSS3 will spread fast, I still use he good old images method

  8. #8
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,802
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    The one advantage to using images is that you an have INSET ( concave) corners.

  9. #9
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,199
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by EricWatson View Post
    what's browser support like with multiple backgrounds in the other browsers? Anybody know?
    The Webkit line support it at this stage, and I think perhaps the latest version of Firefox does too.


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
  •