SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: sheilac en Martes 21 de Agosto de 2007, 01:38

Título: Caja Texto En Imagen
Publicado por: sheilac en Martes 21 de Agosto de 2007, 01:38

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.

Título: Re: Caja Texto En Imagen
Publicado por: RadicalEd en Martes 21 de Agosto de 2007, 16:02

<!--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-->

Título: Re: Caja Texto En Imagen
Publicado por: Masiosare en Miércoles 22 de Agosto de 2007, 07:20

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

1. &#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;
2.  

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:

Título: Re: Caja Texto En Imagen
Publicado por: Mollense en Miércoles 22 de Agosto de 2007, 07:53

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

1. &#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;
2.  

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:

Pienso exactamente igual que Masiosare, por eso es que no respondí antes. Deberías darnos mas detalles de lo que pretendes hacer.
Un saludo

Título: Re: Caja Texto En Imagen
Publicado por: sheilac en Miércoles 22 de Agosto de 2007, 17:25

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