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!

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

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.

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

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

 

Then use the :hover psuedo class too.

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

<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 .