[xelism]

Hi, I would like to change the "submit" button om my contact form to a picture insted.

www.xelism.com/contact.html

can someone tell me how to do that?

Reg X!

[Faevilangel]

http://www.webdevelopersnotes.com/tips/htm...mit_button.php3

[snowyswebsolutions]

Faevilangel, on Jun 28 2009, 22:30, said:

http://www.webdevelopersnotes.com/tips/htm...mit_button.php3

From memory, (as i dont change the way the submit button is displayed) you dont need javascript just a dable in CSS.

[Faevilangel]

snowyswebsolutions, on Jun 28 2009, 22:40, said:

From memory, (as i dont change the way the submit button is displayed) you dont need javascript just a dable in CSS.

i just posted the first link on google

[bocaj]

I think you just remove the default styling, and use the background image property.

Then use the :hover psuedo class too.

[lloydsolutions]

<input type="image" value="Submit" name="submit" src="imagehere.jpg"> cant you just do that??

[traxor]

lloydsolutions, on Jun 29 2009, 09:29, said:

<input type="image" value="Submit" name="submit" src="imagehere.jpg"> cant you just do that??

No.

Here's an example of what I do:

.beeSubmit {
	width:218px;
	height:53px;
	border:none;
	background:url(../images/bee-send.png) top left no-repeat transparent;
	cursor:pointer;
}

<input type="submit" name="submit" value="" class="beeSubmit" />

The reason I'm using cursor:pointer; is because it allows the otherwise static image to be like a link, therefore allowing it to be cross-browser compatible... The :hover pseudo class does not work in some older browsers .