Posted By

1man on 05/02/09


Tagged

css button anchor sliding doors


Versions (?)

Css Button Sliding doors


 / Published in: CSS
 

URL: http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/

Useful little spippet for a button anchor where the text may change.

  1. a.myButton {
  2. background: transparent url('right.png') no-repeat scroll top right;
  3. display: block;
  4. float: left;
  5. height: 32px; /* Image height */
  6. margin-right: 6px;
  7. padding-right: 20px;/*Image Width*/
  8. /*Other Styles*/
  9. }
  10. a.myButton span {
  11. background: transparent url('button_left.png') no-repeat;
  12. display: block;
  13. line-height: 22px; /* Image Height */
  14. padding: /*Change to how you see fit*/
  15. }

Report this snippet  

You need to login to post a comment.