Wednesday, March 18, 2009

Simple Round CSS Links ( Wii Buttons )

Now you can style both <a /> and <button /> in this super easy and light-weight solution

You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file .

At least it's tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9.

  1. Anchor
  2. Form Button : (you may want to use server-side detection to detect browser)
  3. For IE (and if you need to use multiple buttons inside a FORM element)
  4. Disabled Action

If you also would like to support IE5, you need to use instead of and adjust the CSS rules, too.

http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php

No comments: