Code Examples -> CSS Buttons Styles

	Join us on FaceBook
	Submit Your Code
	Poker Tournaments
	Poker Guide for Developers
	SEO Monitor
	UpTime Monitor
	My Favorite Examples
	My Favorite Articles
	Update Your Profile

More Weber Sites
	PHP Code Search
	Web Development Forums
	Learn MySQL Playing Trivia
	PHPBB2 Templates
	Web Development Resources
	Web Development Content
	Internet Security Software

Recommended Links
	PHPClasses
	PHP Editor
	PHP Jobs
	Vision.To Design
	Ajax Tutorials
	PHP Programming Help
	PHP/MySQL Programming
	Webmaster Resources
	Webmaster Forum
	XML meta language
	website builder

Recommended
	פרייסז - הכח לקנות עובר לידיים שלך
	Texas Holdem Poker Evangelists


BACK		ADD A COMMENT		SEND TO A FRIEND		ADD TO MY FAVORITES		ADD CODE EXAMPLES		PRINT

PHP Code Examples

Title :	CSS Buttons Styles
Categories :	CSS, HTML, Beginner Guides	Chetankumar Akarte
Date :	Nov 23rd 2006
Grade :	4 of 5 (graded 4 times)
Viewed :	32539
File :	4537.zip
Images :	Image 1

Search :	More code by Chetankumar Akarte
Action :	Grade This Code Example
Tools :	My Examples List

Code


Like this code? Show the author your appreciation.

This simple code teach you how to add different styles to buttons

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Css Button Styles</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.form_btn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #164BA0;
background-color: #FFFFFF;
border: 1px solid #41BDE8;
}
.frm_btn1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #164BA0;
background-color: #D1D1D1;
border: 1px solid #83AAD3;
}
.frm_btn2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #161616;
background-color: #D1D1D1;
border: 1px solid #83AAD3;
}
.frm_btn3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FF0000;
background-color: #D1D1D1;
border: 1px solid #83AAD3;
}
.frm_btn4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0000FF;
background-color: #D1D1D1;
border: 1px solid #83AAD3;
}
</style>
</head>

<body>
<input class="frm_btn" style="{width:80px;}" name="btnLogin" type="submit" value="Click me.." onClick="window.location='http://www.geocities.com/cdy2k2002/';">
<input class="frm_btn1" style="{width:80px;}" name="btnLogin2" type="button" value="Jump" onClick="window.location='http://www.geocities.com/cdy2k2002/';">
<input class="frm_btn2" style="{width:80px;}" name="btnLogin22" type="button" value="Button" onClick="window.location='http://www.geocities.com/cdy2k2002/';">
<input class="frm_btn3" style="{width:80px;}" name="btnLogin222" type="button" value="TRY ME..!!" onClick="window.location='http://www.geocities.com/cdy2k2002/';">
<input class="frm_btn4" style="{width:80px;}" name="btnLogin223" type="button" value="Login" onClick="window.location='http://www.geocities.com/cdy2k2002/';">
</body>
</html>

Related Code Examples

	Show or Hide your Content using Javascript Categories : Java Script, HTML, CSS, Beginner Guides
	Rollover Image link effect using only single image. Categories : Web Design, HTML, CSS, Beginner Guides
	How to keep your tables width stable even if you have long strings inside. Categories : CSS, Web Browsers, HTML, Beginner Guides
	<FORM> causing an extra line in HTML output on IE Categories : Beginner Guides, HTML, CSS
	How to preset a text string in a textarea input field Categories : HTML, HTML and PHP, PHP, Beginner Guides
	Simple Javascript CSS Digital Clock Categories : Java Script, Date Time, CSS, Beginner Guides, Web Design
	Real simple example of removing HTML tags from text then changing \n (new line) to <br>. Could be used in a forum for instance. Categories : HTML, PHP, HTML and PHP, Beginner Guides
	Conditional Check - a script that allows a user to submit a form only if the user check a checkbox. Categories : HTML, Java Script, Form Processing, Beginner Guides
	CSS Vertical Navigator , With Coll CSS Look Categories : CSS, Web Design, Beginner Guides
	How to make a scrolling Div Categories : HTML, CSS
	Changing the Style of form objects using the JavaScript OnClick method. Categories : Java Script, Form Processing, Beginner Guides, CSS
	CSS Container BOX , with cool CSS Design Categories : CSS, HTML, Web Design
	Javascript animated menu items Categories : DHTML, CSS, Java Script, HTML
	An example of how to place elements on the footer of a page with CSS/HTML so that the elements are always on the bottom, regardless of the client resolution. Categories : HTML, CSS, Interfaces
	Page Loading Message shown during the time your site's page is being loaded. Categories : HTML, CSS, Java Script

User Comments

	Dave Silvia wrote : 1668 You need to at least run this through a rudimentary validator: http://validator.w3.org/check It doesn`t pass. Also, CSE HTML Validator can help clear up some non-conventional coding practices. The basic idea of a tutorial for a button paradigm is nice, but if you`re presenting tutorials, make sure they`re validated and as strictly conformant to both standards and convention (i.e., what browsers actually honor) as possible.
	Dave Silvia wrote :1669 `Oh, you can also use html-tidy to catch, for example, the fact that your <input...> statements are not in a <form>. http://tidy.sourceforge.net/ and http://tidy.sourceforge.net/#binaries There are also links to many GUI versions for different platforms on this page. HTH:`