Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
 Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Graphics & Style in Snitz!
 CSS for Form Buttons		  New Topic  Topic Locked
 Printer Friendly
Author Previous Topic Topic Next Topic  

StephenD
Senior Member

Australia
1044 Posts
Posted - 20 September 2005 :  19:24:10  Show Profile
Just thought I'd share some CSS I found for changing the format of Form buttons - Submit, Preview etc.
.button {
	background-color: #999966;
	color: #FFFFFF;
	cursor: hand;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	width: 88px;
}


Any time you want to use it just put class=""button"" in your code that generates a form button. eg:
<input name=""Submit"" type=""submit"" value=""Submit"" class=""button"">

AnonJr
Moderator

United States
5768 Posts
Posted - 20 September 2005 :  20:37:18  Show Profile  Visit AnonJr's Homepage
I like the idea... though I've been using a different tack with the <button></button> tag. You can control it via CSS and even include a background image. So far its worked fine, though I've had some odd results around the hospital... par for the course as it were .

I do hope that either option makes it into the next version though! (hint hint )
Go to Top of Page

Astralis
Senior Member

USA
1218 Posts
Posted - 20 September 2005 :  20:37:57  Show Profile
cursor: hand does not validate and more than likely will not work in Firefox, for example.

Try cursor: pointer instead.
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts
Posted - 20 September 2005 :  21:02:44  Show Profile  Visit AnonJr's Homepage
the cursor:pointer does work in both FireFox and IE6.
Go to Top of Page

StephenD
Senior Member

Australia
1044 Posts
Posted - 20 September 2005 :  21:03:23  Show Profile
Cool thanks guys.
Go to Top of Page

Astralis
Senior Member

USA
1218 Posts
Posted - 20 September 2005 :  21:10:47  Show Profile
I use it and in some of my apps the cursor:hand will NOT work in Firefox. Others have experienced this. Do a search on Google. But, mysteriously, it sometimes will work. The cursor:hand is a Microsoft invention. Cursor:pointer is apparently standard.
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts
Posted - 20 September 2005 :  21:17:23  Show Profile  Visit AnonJr's Homepage
cursor:hand is definatly a MS invention. Check out the W3C Schools reference: http://www.w3schools.com/css/pr_class_cursor.asp
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.84 seconds. Powered By: Snitz Forums 2000 Version 3.4.07