Hey folks, At my test site (stommepoes.jobva.nl/Pizzaatje/pizzaatje.nl) I was using input type="image" when I thought of something I do in Flash: have the image change on hover/focus and again on active. I though of the single-image with multiple-images trick where you change the background image by moving it so many pixels to one side... but with an input button, the image is listed in the HTML as src="whatever.gif" and I know that you can change them but don't know how. I was pointed to this site: http://www.tyssendesign.com.au/articles/css/legends-of-style/ simply for form information but his own form looked cool. His sumbit button there is "submit" but on his [url="http://www.tyssendesign.com.au/articles/css/legends-of-style/example404.css]"Page Not Found"[/url] pages he has the input type="image" for a GO button and I can see that he's got two images. I can only see one in the HTML (go-button-off.gif) and when I hover and look at the image it's go-button-on.gif but looking through his CSS I cannot find the images. I am so hoping the guy isn't using JS to change the src images; I think it's still somehow CSS. Otherwise, is there a way to use an anchor to do the same thing input type="submit" does? Because then I can use the image replacement trick. I do not want Flash involved in anything the user must work with, like a form. So Flash is out. Thx in advance, Poes
Personally, I hate using type="image" because I ctrl shift S often and look at my unstyled content.. I hate it when the button is graphical and everything else isn't. Same goes for printing (if you *were* to print the form out for whatever reason). I like the natural look of the submit button so I use type="submit" and then I use Javascript to *replace* the submit button. You can replace it with an anchor and change the href to "this.form.submit" and style it however you want to (that should work).