Advanced Search

Perfect Image-Button

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <title>Perfect Image-Button</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  6. <style>
  7. .imgbtn{
  8.     border:none;
  9.     width:120px;
  10.     height:24px;
  11.     background:url(images/login.png) no-repeat 0 0;
  12.     text-indent:-3000px;
  13.     overflow:hidden;
  14.     cursor:pointer;
  15.     *text-indent:0;
  16.     *padding:0 0 0 120px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. 	<div>
  22. 		<p>Perfect Image-Button <input class="imgbtn" alt="Button" type="button" /> <input class="imgbtn" alt="Button" type="button" />Perfect Image-Button</p>
  23. 		<input class="imgbtn" alt="Button" type="button" />
  24. 	</div>
  25. </body>
  26. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.