Form fields and buttons look like "xp style" under windows 98

I want a css for making fileds and buttons in a form page  to look like windows xp (blue margins and little rounded) under windows 98.
In windows xp this style is maded by selected windows style.
krokutzAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GrandSchtroumpfCommented:
you will need to use images for your buttons.
take a look at this page:
http://www.456bereastreet.com/archive/200409/styling_form_controls/
0
neesterCommented:
Yes like GrandSchtroumpf said.
You need to use images.
To do this use:

<input type="image" src="xpbuttonfile.jpg" name="submit" />

that will turn an image into a submit button.

Simply screenshot the butto you want...
eg:

<input type="submit" value="Submit Form!" />

Run that in XP and screenshot the page with something like Irfanview32 (www.irfanview.com)
Just run irfanview, select the Browser with the submit button showing.
Then hold CTRL+F11.
Then Irfanview will have the page loaded into its window.
Then CROP the button, by selecting the button by drawing the box.
Hold CTRL+Y to crop.
Then save it.
Then upload it.
Then use the FIRST bit of code I showed you
0
neesterCommented:
BTW
you cannot style - and SHOULDN'T even try becuase it wont work - drop downs, check boxes, radio buttons.
Text boxes you can ALMOST get looking like IE.
If you use a background image with CSS.
But it wont look the same, unless you take a screenshot for every case - or if the boxes are to be the same size in all cases...
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

neesterCommented:
Incase you DO want to style the text boxes, since other than the submit button.
They are all you can style.
Do the same process as with the Submit button.
But to a textbox.
Then add this to the textbox code:

<input type="text" style="width: 200px; height: 30px; background-image: url(yourtextboximage.jpg);" name="text" />

Make note that you will need to change the wdith and height values to make it look right.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
krokutzAuthor Commented:
that was that i wanted :D
0
neesterCommented:
Ok Great!
Glad I could help!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.