Posted By

1man on 05/02/09

Tagged

css
button

Versions (?)

Last Edited at 05/02/09 11:35am

Statistics

Viewed 1561 times

Favorited by 0 user(s)

Related snippets

Css Button Sliding doors

/ Published in: CSS

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

a.myButton {
background: transparent url('right.png') no-repeat scroll top right;
display: block;
float: left;
height: 32px; /* Image height */
margin-right: 6px;
padding-right: 20px;/*Image Width*/
/*Other Styles*/
}
a.myButton span {
background: transparent url('button_left.png') no-repeat;
display: block;
line-height: 22px; /* Image Height */
padding: /*Change to how you see fit*/
}