CSS Forum

**carterdea** · 08-03-2006, 10:54 PM

Hi, I'm changing the submit button on my contact form, and it still says "submit" in IE. On all other browser's I've checked its gone, but not IE. If anyone knows what's up, that'd be awesome.

carter

**funkdaddu** · 08-03-2006, 10:58 PM

Code:

<input type="submit" id="submit" name="submit" value="Submit" tabindex="5"/>

The value of the button is "Submit" so it's going to show "Submit"... It says "Submit" in Safari and Firefox. You need to change the value to make it say something else.

**carterdea** · 08-03-2006, 11:00 PM

yes but those submits are from the image that I used to replace it. If you look at IE there's an extra one on top of mine.

**funkdaddu** · 11:38 PM

OK, I see... you used a stylesheet to define a abckground image for the submit button. Another way is to use the "image" input type to define a submit button.

Code:

<input type="image" src="submit_button.gif" alt="Submit">

Also, why not remove the "Submit" from the background image, and just use the iamge for the background, keeping the "Submit" text from the HTML?

**carterdea** · 08-04-2006, 02:35 AM

Quote:

Originally Posted by funkdaddu

OK, I see... you used a stylesheet to define a abckground image for the submit button. Another way is to use the "image" input type to define a submit button.

Code:

<input type="image" src="submit_button.gif" alt="Submit">

Also, why not remove the "Submit" from the background image, and just use the iamge for the background, keeping the "Submit" text from the HTML?

I will try the img thing, but the reason that I didn't do that is because I didn't like the font that IE uses. But I'll take a look. But are you sure that input works? Is there a little bit more that you need? like the submit button part?

**funkdaddu** · 08-04-2006, 09:47 AM

The image input submits the form, it just appends x + y coordinate data. Another way is to use a generic BUTTON object. I don't have IE, but see how something like this works:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<style type="text/css" media="screen"><!--
#mySubmit  {
	font-size: 1px;
	background-color: transparent;
	background-image: url("http://homepage.mac.com/tilly6/images/button.gif");
	background-repeat: no-repeat;
	text-indent: -150px;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 30px;
	overflow: hidden;
	border-style: none;
	cursor: pointer
	}


--></style>
	</head>

	<body bgcolor="#ffffff">
		<form id="FormName" action="http://www.google.com" method="get" name="FormName">
			<button name="mySubmit" id="mySubmit" type="submit">Submit</button>
		</form>
		<p></p>
	</body>

</html>