1 reply [Last post]
Martagnan
Offline
Regular
uk
Last seen: 12 years 42 weeks ago
uk
Joined: 2003-08-27
Posts: 21
Points: 0

Ok... I followed tonys advice and its great... only... im now having trouble getting my text 'submit' to center vertically in the button.

input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D9DD9D;
	width: 80px;
	background: #990000;
	line-height: 14px;
	height: 25px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #E0E0C2;
	border-right: 2px solid  #AEAE00;
	border-bottom: 2px solid  #808000;
	border-left: 2px solid  #E0E0C2;
	}

This makes the 'Submit' text appear low in the button area.

Any help appreciated.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 1 hour ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Form Buttons styling

Hi Martagnan,
Try adjusting the line-height to about 18px.

Hope that helps.