Programación Web y Scripting > HTML

 Caja Texto En Imagen

(1/1)

sheilac:
Hola buenas noches
quisiera saber como se puede hacer para teniendo una imagen de fondo de una pagina (la puse en el background del body) poder hacerle cajas de texto donde yo quiera para hacer un formulario.

O si lo tengo que hcer de otra forma, crear el formulario y luego poner la imagen de fondo.
Agradezco ayuda.
Desde ya muchas gracias
Porque en el formulario tengo el nombre de los campos junto con el diseño y al lado le quiero agregar las cajas de texto y un boton aceptar, el boton aceptar ya esta dibujado y lo haria con mapa pero no se como agregar las cajas de texto.

RadicalEd:
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><input type="text" name="cajatexto"><!--html2--></td></tr></table><div class='postcolor'><!--html3-->

Masiosare:
No entendí muy bien la pregunta.

Pero creo que quieres poner el text box en determinado punto exacto de la página sobre la imagen de fondo.

Ví que en un página para superponer imágenes usaron DHTML, mediante etiquetas "<div>".

El código sería más o menos así (para ponerlo en la posición en pixeles (100, 100)):


--- Código: Text ---&#60;div style=&#34;position-x:100px; position-y:100px&#34;&#62;'aquí va el código de la caja de texto'&#60;/div&#62; 
Pero estoy dudando que funcione en etiquetas <input> por que estas deben estar dentro de la etiqueta <form>, quizá tengas que hacerlo también en la etiqueta <form> y usar coordenadas relativas en la etiquetas <input>.

Y no tengo tiempo ahora de hacer esas pruebas  :scream:

Mollense:

--- Cita de: "Masiosare" --- No entendí muy bien la pregunta.

Pero creo que quieres poner el text box en determinado punto exacto de la página sobre la imagen de fondo.

Ví que en un página para superponer imágenes usaron DHTML, mediante etiquetas "<div>".

El código sería más o menos así (para ponerlo en la posición en pixeles (100, 100)):


--- Código: Text ---&#60;div style=&#34;position-x:100px; position-y:100px&#34;&#62;'aquí va el código de la caja de texto'&#60;/div&#62; 
Pero estoy dudando que funcione en etiquetas <input> por que estas deben estar dentro de la etiqueta <form>, quizá tengas que hacerlo también en la etiqueta <form> y usar coordenadas relativas en la etiquetas <input>.

Y no tengo tiempo ahora de hacer esas pruebas  :scream:
--- Fin de la cita ---
Pienso exactamente igual que Masiosare, por eso es que no respondí antes. Deberías darnos mas detalles de lo que pretendes hacer.
Un saludo

sheilac:
mil disculpas por no avisar antes, pero ya lo solucione.
no se si es la forma adecuada pero anda barbaro.
cree una tabla con un <TBody> y ahi dentro puse los <tr> y <td> y puedo organizar todo barbaro y pude poner el formulario dentro del backgraund de la tabla, sino el formulario me quedaba debajo de la imagen del backgraund o arriba no superpuestos.
pero funciona solo si  uso la etiqueta <TBody>
Mil gracias

Navegación

[0] Índice de Mensajes

Ir a la versión completa