fondo en formularios

[eleyele]

Buenas tardes...
Quisiera saber si puedo poner una imagen en el fondo del formulario html... mmm, por ejemplo: quiero hacer unos comprobantes de ingreso, egresos... y me gustaría darles un diseño en general que parezca un formato original, así que pensé dibujarlo en photoshop, si puedo ponerlo en el fondo y después poner sobre él input text donde haya que escribir información?????...

[lair]

Hola.

Claro que se puede.
solo coloca el form (ya sea etiqueta, id o clase)y definela como siguie:

Código CSS:

{
   background:url(ruta/imagen.extension);
}
 

Suerte.

[dargorg]

Si no he entendido mal, es simplemente poner un fondo a un formulario... Si la página tiene un ancho fijo, sabrás cuánto de ancho es tu formulario, por lo que no debería haber problema con el siguiente CSS:

Código CSS:

form {
    background: url('ruta/a/mi/imagen') top left no-repeat;
}
 

Con este simple código debería funcionarte a las mil maravillas, aunque si tienes algún tipo de problema no dudes en postearla por aquí que te ayudaremos.

Un saludo y a programar!!

[eleyele]

buenos días, gracias por sus prontas respuestas....
me da como pena tener que preguntar nuevamente porque soy como quedadita... después de leer sus mensajes, lo hice así:

<form method="post" action="act_comprobante_ingreso.php" background: url('img/comprobante_ingreso.jpg') top left no-repeat> pero no funcinó así que asumo que estoy equivocada totalmente, m pueden hacer el favor de explicarme nuevamente dónde voy a poner el código que me dicen?.... gracias y perdonen

P.D. olvidaba decir, tengo mi form dentro de un <div>

[DragonX]

proba así:

Código HTML:

<form method="post" action="act_comprobante_ingreso.php" style="background: url('img/comprobante_ingreso.jpg') top left no-repeat;">
 

Slds.-

[eleyele]

Iniciado por DragonX

proba así:

Código HTML:

<form method="post" action="act_comprobante_ingreso.php" style="background: url('img/comprobante_ingreso.jpg') top left no-repeat;">
 

Slds.-

no nada, tampoco así me funciona... creo q el ; o las comillas no estan donde deberían.. me parece

[dargorg]

Has comprobado la ruta de la imagen que sea correcta? Instalate algún complemento para el navegador (como el Firebug para Firefox) y lo compruebas.

Un saludo,

[lair]

Como dice dargorg prueba con ese componente (firebug) por que lo que te da DragonX esta correcto.

<form method="post" action="act_comprobante_ingreso.php" style="background: url('img/comprobante_ingreso.jpg') top left no-repeat;">

eso debe de funcionar, verifica la ruta de la imagen.

Suerte.

[eleyele]

siii... todo funciona a la perfección, solo era una equivocación mia.. muchas gracias a todos.!!!