Link Details

Link 21299 thumbnail
User 224119 avatar

By gmblack
via oscaralexander.com
Published: May 08 2007 / 01:35

This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Since we want our buttons to be über-flexible, we'll have to make the background image expand with the size of the button's text. For that, we'll use the beloved sliding doors technique; two complementing images creating the illusion of a single, stretching image.
  • 40
  • 0
  • 5724
  • 2
User 225986 avatar

quixotik replied ago:

0 votes Vote down Vote up Reply

Hmm, when I press a button and move the cursor away without releasing the mousebutton, the button stays pressed after I release the mousebutton

User 191902 avatar

jcblitz replied ago:

0 votes Vote down Vote up Reply

hah, the author updated the code after a few of us commented on digg about the nesting of in an . It's now a . Just though I'd point that out if some of you saw the code / post yesterday.

Add your comment


Html tags not supported. Reply is editable for 5 minutes. Use [code lang="java|ruby|sql|css|xml"][/code] to post code snippets.

Apache Hadoop
Written by: Piotr Krewski
Featured Refcardz: Top Refcardz:
  1. Play
  2. Akka
  3. Design Patterns
  4. OO JS
  5. Cont. Delivery
  1. Play
  2. Java Performance
  3. Akka
  4. REST
  5. Java