SHARE
TWEET

Untitled

a guest Jul 22nd, 2019 55 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. button div{
  2.     width:16px;
  3.     height:16px;
  4.     background-image: url(images/ui-icons_d19405_256x240.png);      
  5. }
  6.  
  7. button div.leftImage{
  8.     background-position: -96px -112px;
  9.     float: left;
  10. }
  11.  
  12. button div.rightImage{
  13.     background-position: -64px -16px;
  14.     float: right;
  15. }
  16.      
  17. <button><div class="leftImage"></div><span>Button Text</span><div class="rightImage"></div></button>
  18.      
  19. button{
  20.     margin: 0px;
  21.     padding: 0px;
  22.     font-family:Lucida Sans MS, Tahoma;
  23.     font-size: 12px;
  24.     color: #000;
  25.     white-space:nowrap;
  26.     width:auto;
  27.     overflow:visible;
  28.     height:28px;
  29. }
  30.  
  31. button em{
  32.     vertical-align:middle;
  33.     margin:0 2px;
  34.     display:inline-block;
  35.     width:16px;
  36.     height:16px;
  37.     background-image: url(images/ui-icons_3d3d3d_256x240.png);      
  38. }
  39.  
  40. button em.leftImage{
  41.     background-position: -96px -112px;
  42. }
  43.  
  44. button em.rightImage{
  45.     background-position: -64px -16px;
  46. }
  47.      
  48. <button><em class="leftImage"></em>Button<em class='rightImage'></em></button>
  49.      
  50. button{
  51. border:none;
  52. background:none;
  53. padding:0;
  54. margin:0;
  55. }
  56.      
  57. <button><div class="leftPic">&nbsp;</div><span>Button Text</span><div class="rightPic">&nbsp;</div></button>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top