How to make this image work

[jberry]

I have an image that is basically a contact box. I would like people to be able to enter into the image boxes like a contact box. Is this possible. Here is the image just wondering how to do it.

[igjoe]

I don't know much about how you can do this, but I do know that it isn't easy... also it is really hard to get it to look the same on different browsers. Your best bet is to somehow create it in flash. best of luck!

[Johnathan]

It's actually not that hard. First cut the text box image out and save it as it's own image then in your html add a class to your text input

Code: Select all

<input type="text" class="text_field" name="firstname"/>


Then in your CSS do

Code: Select all

.text_field {
      background-image:url("images/form_bg.gif");
      }


Set a height and width in the CSS as well and add what ever padding you want.

[igjoe]

Thanks Johnathan! I learned something as well!

[Johnathan]

You're welcome, glad it helped.

[jberry]

I think that will work thanks