[RESOLVED] Form buttons

[pathfinder74]

I've seen graphic versions of form buttons instead of those plain square ones.
I figure they're images....

How do you do this so it's not just an image with an href tag on it but an actual button (without an actual link you can right click on).

[bathurst_guy]

<input type="image" src="*.gif">

[pathfinder74]

well, that was easy enough... .thank you.

[pathfinder74]

Ok... what if you have a button image you want but you don't want to make the button with text...

I want to be able to re-use the button image and apply the appropriate text to it.

<input class="submit_button" type="image" src="button.png" name="btnSearch" align="absmiddle" value="Submit Request">SUBMIT</input>

When I do this "SUBMIT" is off to the right of the button image. I can't figure out how to bump the text over the button image.

I'm trying to control it in CSS using "align" but it's not working right.

[Fang]

Use the image as a background:<input class="submit_button" type="submit" style="background:url(button.png)" name="btnSearch" value="Submit Request">

http://www.w3schools.com/css/css_background.asp

[pathfinder74]

That did it.... thanks a million x2