Posted By


1man on 05/02/09

Tagged


Statistics


Viewed 758 times
Favorited by 0 user(s)

Css Button Sliding doors


/ Published in: CSS
Save to your folder(s)

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


Copy this code and paste it in your HTML
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.