Posted By

bigheadlyf on 04/15/09

Tagged

css
button

Versions (?)

Last Edited at 04/15/09 09:05pm

Statistics

Viewed 848 times

Favorited by 0 user(s)

Related snippets

Perfect Image-Button

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html>
<head>
<title>Perfect Image-Button</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
.imgbtn{
    border:none;
    width:120px;
    height:24px;
    background:url(images/login.png) no-repeat 0 0;
    text-indent:-3000px;
    overflow:hidden;
    cursor:pointer;
    *text-indent:0;
    *padding:0 0 0 120px;
}
</style>
</head>
<body>
	<div>
		<p>Perfect Image-Button <input class="imgbtn" alt="Button" type="button" /> <input class="imgbtn" alt="Button" type="button" />Perfect Image-Button</p>
		<input class="imgbtn" alt="Button" type="button" />
	</div>
</body>
</html>