text fields over images

[hapland_stick]

does any one know how to put a text field over a image and position it

i use dream weaver

[rangana]

Try to place your text field in an element, and set that element's background to the image you wish to see. Something along these lines:

<div style="background:url('background.jpg');height:100px;width:100px;">
<textarea></textarea>
<input type="text">
</div>


Hope that makes sense.

[hapland_stick]

i had something before but it was like
%right:###
%left:###
%up:###
or somethiing like that
and i need to like set the text field to a certain position

[rangana]

I think you mean absolute/relatively positioned (http://www.w3schools.com/Css/pr_class_position.asp) elements.

[hapland_stick]

sory im kinda retarded can u tell me how it works if you know

[rangana]

You could do it this way:

<div style="background:url('http://mysite.orange.co.uk/azygous/images/eyes.gif');height:200px;width:900px;position:relative;">
<p style="position:absolute;top:45%;left:45%;">
<textarea></textarea>
<br>
<input type="text">
</p>
</div>


Or this:

<img src="http://mysite.orange.co.uk/azygous/images/eyes.gif">>
<textarea style="position:absolute;top:50px;left:100px;"></textarea>
<br>
<input type="text" style="position:absolute;top:150px;left:400px;">


Hope it keeps you going.

[hapland_stick]

thanks
i used some thing a little diffrent but i got it