Advanced Search

Return to Snippet

Revision: 13245
at April 15, 2009 21:11 by bigheadlyf
Updated Code 
<!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>

Revision: 13244
at April 15, 2009 21:07 by bigheadlyf
Updated Code 
<!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>

Revision: 13243
at April 15, 2009 21:05 by bigheadlyf
Initial Code 
<!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>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Perfect Image-Button

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, button

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS