2 Replies - 2286 Views - Last Post: 15 June 2011 - 07:07 AM

#1 Awk34  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 32
  • Joined: 16-April 11

Problem with moving text with button hover/press

Posted 14 June 2011 - 07:57 PM

I am having a problem with my buttons. They are the kind of buttons that look like they are sticking out, so when they are click in, the text should move with them. This works for the small descriptive text on the bottom of the button, but I cannot get it to work with the larger text on the top of the button.

http://andrewkoroluk.bravehost.com/

Is This A Good Question/Topic? 0
  • +

Replies To: Problem with moving text with button hover/press

#2 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3470
  • View blog
  • Posts: 9,972
  • Joined: 08-June 10

Re: Problem with moving text with button hover/press

Posted 14 June 2011 - 10:41 PM

that’s because you apply the button press (:hover, :active) only to the small text. you would need to do that for the whole text, too.
Was This Post Helpful? 0
  • +
  • -

#3 Awk34  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 32
  • Joined: 16-April 11

Re: Problem with moving text with button hover/press

Posted 15 June 2011 - 07:07 AM

Thanks! Here is my revised code:

.menu ul li a:hover span { padding:4px; }
.menu ul li a:active span { padding:6px; }

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1