How to create text watermark background?

Is there a way to use create text boxes that will stay in the position that I place when browser is resized?

• I have a background image that is a form and I am trying to create text boxes in the appropriate places on the form, but as soon as I resize the browser the text box moves. Is there a way to use the background image and create text boxes that will stay in the position that I place it when the user would resize thier web browser. I just started this project so I figured I would start here. What Should I use, I started with creating a layer, then putting the text box in the layer and positionng it on the form.

• Answer:

  Take the content that you want to absolutely position and wrap it with this: <div style="position:absolute; left:100px; top: 20px; "> ...your content... </div> Of course, you will replace top and left with your own locations. You can also use "position:relative" in which case the measurements you put in will be relative to its parent element. I usually do something like this: <div style="position:absolute; ..." > <image src="background-image.jpg"/> <div style="position:relative; ..."> ...content... </div> </div> Hope this helps!