A form's submit button

[madHatter]

Hello

I have a simple form and will, decidedly, not be using the old boring grey Submit/Reset buttons!

What I would like to do is draw two small graphics with 'Submit' and 'Reset' written on them.

However, I don't want to draw them in a graphics editor and paste them into the code as .gif or .jpg files in place of the old grey buttons.

If possible, I want to use CSS to actually draw two small rectangles for me (along the lines of the <input name="text" class="searchbox"> property), and then I wish to be able to insert the words 'Submit' and 'Reset' into them.

This would be far better than using a graphic - better because it looks neater - but I wonder if it can be done?

Many thanks for any assistance!

madHatter

[Sk8er9547]

Your best bet is to use the following CSS coding:

.button { width: 150; height: 20; border: 1px solid #999999; background-color: #000000; color: #FFFFFF; cursor: hand; font-size: 10; }

Change the colors, font, and sizing to your needs. if you have any questions, you can IM or e-mail me at the adresses below!

[helpplease]

If you go to
http://hotwired.lycos.com/webmonkey/99/30/index4a_page5.html?tw=authoring
that gives examples of using an image as an imput button.

Hope that helps.

[madHatter]

Hello Sk8er9547 and Helpplease

Thank you both for your postings.

I'll try the CSS code Sk8er9547 and then the link, Helpplease!

I'm grateful to you both for answering so quickly.

Best wishes

madHatter