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:

http://img147.imageshack.us/img147/8270/33310299fp5.jpg
http://img147.imageshack.us/img147/8...e3816cfe20.jpg

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 :tpg:

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).

Hmm, I gotta try that later.


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.