Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

design help (input button)

Status
Not open for further replies.

aspvbnetnerd

Programmer
Joined
May 16, 2006
Messages
278
Location
SE
I dont like the "buy" button that I have.
Have anyone any idea how to make the "buy" button better?


This how it is today.
Code:
input.button			{
	font-family: verdana, geneva, sans-serif;
	height: 22px;
	padding: 2px 2px 2px 2px;
	background: #ffffff;	
	color: #333333;
	font-weight: bold;	
	text-decoration: none;
	font-size: 11px;
	border: 1px solid #a3b5a5;
	border-color: #a3b5a5;
}
 
Create an image and use that?

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.
 
How about add a background image to the button to offset the "buy" text and flash it up a bit?

- George
 
How do I do that and do you have a background image that I can use

George
 
input.button {
font-family: verdana, geneva, sans-serif;
height: 22px;
padding: 2px 2px 2px 2px;
background: [red]URL("\myimagefolder\myimage.jpg\")[/red];
color: #333333;
font-weight: bold;
text-decoration: none;
font-size: 11px;
border: 1px solid #a3b5a5;
border-color: #a3b5a5;
}

And no I don't have an image you can use, but Googling for "Web Buttons" Should yield interesting results. Just make sure the height and width attributes match the dimensions of the image you choose.

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top