A web developer's blog. PHP, MySQL, CakePHP, Zend Framework, Wordpress, Code Igniter, Django, Python, CSS, Javascript, jQuery, Knockout.js, and other web development topics.

CSS Buttons: Simply Buttons V2

Thanks to Jack for posintg this.

buttons-2

And from the official Simply-Buttons V2 site:

Benefits

  • Buttons size to fit text.
  • There are 3 states: Inactive, Active, and Hover.
  • They look and behave the same way in every browser and operating system.
  • The do not need the javascript to work, they work with just the css
  • Way better looking buttons than what anyone else can do with XHTML/CSS, isn’t that reason enough?!

How it works
The markup is pretty simple, as you can see below. The thing to notice here is that both the button and link tags each have a nested-nested span tag.

<button>
  <span><span>Button</span></span>
</button> 
<a class="button">
  <span><span>Button</span></span>
</a>

Grab it here.

This entry was posted in General and tagged , , . Bookmark the permalink.

One Response to CSS Buttons: Simply Buttons V2

  1. I was looking for some info on web developing, hoping I could come across someone who’s familiar with Business Catalyst. I’m currently learning more about this online application and I hope you can write about this soon. Thanks for sharing your knowledge on web developing. I find your blog very interesting.

Leave a Reply to sakura hasegawa Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>