Is there a way to place a text area and submit button "inside" an image using img src basic html?

I have a picture and I'd like to place a text area and submit button inside of it. So basically the image is the backdrop of the page, and I'd like to place a text area on that page with the picture in the back ground. I know basic html, img src, etc, but not enough to know how to do this. Any thoughts?

Public Comments

  1. Add the image as a background <body background="http://www,site.com/image.gif">
  2. I don't know about simplicity, in fact it is probably not, but if you intend to learn HTML, CSS is almost a must, as it is such a powerful layout tool. In my solution to this, I use the style attribute of the elements. Use a <div> tag, and do something like <div style="background-image: url('whatever the url is')"> contents </div> And inside the <div> tag, put the <form> tag, and the <textarea> and the <input type="submit"> stuff. You can use <textarea style="background-color: transparent"> to make the background of the textarea transparent so the image shows through, and the same thing for the submit button. Be wary of how the text may or may not show up with your image though, so be conservative with the image. The end result might be something like <div style="background-image: url('whatever the url is')"> <form action="whatever" method="something"> <textarea style="background-color: transparent"></textarea> <input type="submit" style="background-color: transparent" value="Submit" /> </form> </div>
Powered by Yahoo! Answers