button png offset on "down" state. [#661886]

Sun,

Thanks for the great module! Very easy to use.

One small problem I'm having: I made my button taller than the one supplied. I adjusted the height of the css as you suggest in the docs. However, when I click my button down, the image/background offsets. Seems like some other css height needs to be adjusted but I can't for the life of me find where in the css the height of the sprite is being adjusted in the down state. :(

Can you point me in the right direction?

Thanks,
Mike

Comments

Comment #1

mpaler CreditAttribution: mpaler commented 17 December 2009 at 06:43

Status:

Active

» Fixed

If you change the height of the button/button image, you also need to edit these styles:

.form-button-wrapper:active, li.button a:active, a.button:active {
  background-position: right -38px; <-- set this to height of button
}
.form-button-wrapper input:active, li.button a span:active, a.button span:active {
  background-position: left -38px;
}