|
|
|
|
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> | |
|
|
| How to keep your tables width stable even if you have long strings inside.
Categories : CSS, Web Browsers, HTML, Beginner Guides | | | Rollover Image link effect using only single image.
Categories : Web Design, HTML, CSS, Beginner Guides | | | Show or Hide your Content using Javascript
Categories : Java Script, HTML, CSS, Beginner Guides | | | <FORM> causing an extra line in HTML output on IE
Categories : Beginner Guides, HTML, CSS | | | Simple Javascript CSS Digital Clock
Categories : Java Script, Date Time, CSS, Beginner Guides, Web Design | | | Why it is not possible to preset a value in a file upload field
Categories : HTML, Security, Filesystem, Beginner Guides | | | 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 | | | Javascript Background Scroller
Categories : Java Script, CSS, HTML | | | How to preset a text string in a textarea input field
Categories : HTML, HTML and PHP, PHP, Beginner Guides | | | Kewl Date Example
Categories : PHP, HTML and PHP, Date Time, CSS, Beginner Guides | | | CSS Vertical Navigator , With Coll CSS Look
Categories : CSS, Web Design, Beginner Guides | | | CSS Container BOX , with cool CSS Design
Categories : CSS, HTML, Web Design | | | Javascript animated menu items
Categories : DHTML, CSS, Java Script, HTML | | | Page Loading Message shown during the time your site's page is being loaded.
Categories : HTML, CSS, Java Script | | | 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 | |
| | | | 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:
| |
|
|
|
