Comments on: Custom Buttons with CSS

By: peter

peter — Sat, 12 Nov 2011 18:13:31 +0000

I wanted to say: But If I use the button with the “a” element, the end cap is missing. What can I do to solve this?

By: peter

peter — Sat, 12 Nov 2011 18:12:37 +0000

I tried the css from git on Firefox 7 and actual webkit browsers (Android) and IE. When using the button without the link, ist nice, also inserting images works fine.
But If I use the button with the element, the end cap is missing. What can I do to solve this?

By: somei

somei — Sun, 12 Dec 2010 07:28:59 +0000

Hi, everything is fine. But does not work in opera - there is a shift button, when clicked on it.
Is it possible to fix this?

By: Pip

Pip — Thu, 24 Dec 2009 13:54:57 +0000

Awesome work! It’s a pleasure to find something that really does just drop in and work in all browsers.

By: derek

derek — Thu, 10 Sep 2009 20:57:56 +0000

Thanks Dan. I’ve committed updates to the code for IE8 using the solution in the link you provided.

By: Jazza

Jazza — Sat, 27 Jun 2009 11:19:13 +0000

Hi, the code works terrifically! Only issue I have found is that in IE8 (not sure if it happens in IE7) when a button is clicked (or active) the right hand image appears a little higher than the rest of the buttons images. I’ve uploaded a shot of how it looks here: http://img530.imageshack.us/img530/7418/65450965.png

Any ideas how I could fix this?

Thanks

By: Dan Rivard

Dan Rivard — Fri, 12 Jun 2009 15:08:17 +0000

Found a viable solution to the IE8 problem in my previous post.

http://labs.findsubstance.com/2009/05/21/ie8-form-button-with-background-image-on-click-css-bug/comment-page-1/#comment-750

The third method, just shifting the active state a little in IE8 only, works for now.

By: Dan Rivard

Dan Rivard — Fri, 12 Jun 2009 14:37:52 +0000

I used the same technique from Filament Group. I also modified it a bit to match some css styled links I’m using. I’m seeing an ugly shift of the sliding doors “end-cap” piece in the active/pressed state on IE8 final, and I get the same results in your git hub example. Are there any updated versions of the code? Is any one else seeing this?

By: derek

derek — Tue, 26 May 2009 13:47:32 +0000

The code is all on GitHub. The code includes the markup, css, and images needed to display the buttons. There is a download link on the GitHub page to get a zipfile or tarball of the code.

By: neki chan

neki chan — Tue, 26 May 2009 07:40:08 +0000

where’s the code for the class~
why didn’t display it in the article
i confuse ><”