Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Jul 2002
    Location
    Oak Park, IL
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Is there a way to "round" CSS buttons?

    Is there a way to make rounded buttons using CSS? I was able to make rectangular buttons, but can rounded corners be implemented?

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Montreal, Canada
    Posts
    644
    Thanks
    0
    Thanked 0 Times in 0 Posts
    In mozilla you can use "-moz-border-radius", but if you want it crossbrowser you'll need to use images.

  • #3
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    border-radius is a property defined in the CSS3 Borders Spec (in Working Draft I believe).

    Mozilla provides preliminary support through the vendor-specific prefix, -moz. No other browser does though, so like goose said, either use images or wait until CSS3 becomes Recommendation, then another 4 years for IE to implement it .

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,649
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer

    Sure....with VML for IE5+. A rounded rectangle with gradientRadial would look pretty cool as a button...or even an oval. Play around with the different shapes you wish and it'll display in over 90% of browsers used...Works for me.
    Last edited by zoobie; 11-24-2002 at 10:28 PM.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Montreal, Canada
    Posts
    644
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Not gonna start a VML / SVG war, but take a look at SVG if you want to use vector drawings.

  • #6
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    Originally posted by zoobie
    and it'll display in over 90% of browsers used...Works for me.
    I'm not going to begin explaining why VML has no future with SVG on the web, but this 90% figure is incorrect. When I used IE6 on Win98 I did not have VML support, and everytime I saw a page with VML, is asked me to download a 6mb update or something, which I was never going to do on my dialup.
    IE + Windows does not necessarily mean VML.

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,649
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I'm not wanting to start a war either because the users already won. I think SVG requires a plug-in whereas VML is included in IE5+.

    VML works fine on my Win98 IE5, btw.
    Last edited by zoobie; 11-25-2002 at 02:16 AM.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #8
    New Coder
    Join Date
    Nov 2002
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by jkd


    I'm not going to begin explaining why VML has no future with SVG on the web, but this 90% figure is incorrect. When I used IE6 on Win98 I did not have VML support, and everytime I saw a page with VML, is asked me to download a 6mb update or something, which I was never going to do on my dialup.
    IE + Windows does not necessarily mean VML.
    Works fine for me using IE 6 on Win98SE! Then again I've never thought of myself as part of the 90% of anything.

    Neil

  • #9
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,649
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Don't like VML? If you have PHP, you could use a finetable to make rounded buttons, too.

    Ya gotta know this stuff if you're in the graphic arts...heh heh.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">


  •  

    Posting Permissions

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