HTML question about text fields

I'm trying to make a text field that's in an image if that's even possible. I have a forum skin designed which has the login/password field on the banner. Heres what I mean:

I'd personally put a table with that image as the background, and put the form fields on the table as normal.

Pretty sure someone with more advanced experience is going to ridicule me and say CSS positioning does it better

Why does it need to be in the image? Can't you chop it up?

(Fitting form elements into fixed positions is generally not a good idea since they display inconsistently across browsers).

Originally Posted by Zergrinch

I'd personally put a table with that image as the background, and put the form fields on the table as normal.

Pretty sure someone with more advanced experience is going to ridicule me and say CSS positioning does it better

Hmm, I gotta try that later.

Originally Posted by Bigblah

Why does it need to be in the image? Can't you chop it up?

(Fitting form elements into fixed positions is generally not a good idea since they display inconsistently across browsers).

What do you mean by chop it up? Slice the banner in little pieces? I thought of doing that but it seemed a bit complicated to me when coding it.

I had some one do it for me (like 2 years ago) tho it looked like shit on IE, I'm not sure how it looked like on other browsers but saddly I lost the files and I don't talk to that guy anymore who did it for me.

I'm open to w/e you guys suggest.

I think he means cut out the form from the image in Photoshop, and then place the actual coded forms above the banner using pure HTML. You can do it fairly simply and then style the form similarly to how it looks in the image using CSS.

Forms are easily beautified using CSS if you take the time.