[Ovillo] maquetar formularios css
Hola: Estoy intentando maquetar un formulario con css. Lo he intentado de un par de maneras pero siempre al minimizar la pantalla se me van descolocando los elementos. No estoy muy puesto en el tema, así que agradecería cualquier ayuda. Un cordial saludo Jesús ---css-- label { display: block; margin: 0.5em 0 0 0; } .btn { display: block; margin: 1em 0; } .validacion { color: #FF } /*Alinear los formularios*/ div { margin: 0.4em 0; } div label { width: 25%; float: left; } --html--- Fecha primer nombramiento: * Fecha último nombramiento: * Procedimiento de elección: -- * Número Total de Consejeros: * ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar formularios css
Hola, echa un vistazo a esta página por si te sirve de ayuda http://www.themaninblue.com/experiment/InForm/ 1 saludo Jesus Miguel Gimeno Rosales escribió: > Hola: > Estoy intentando maquetar un formulario con css. Lo he intentado de un par > de maneras pero siempre al minimizar la pantalla se me van descolocando los > elementos. > No estoy muy puesto en el tema, así que agradecería cualquier ayuda. > Un cordial saludo > Jesús > > ---css-- > label { > display: block; > margin: 0.5em 0 0 0; > } > .btn { > display: block; > margin: 1em 0; > } > .validacion { > color: #FF > } > > /*Alinear los formularios*/ > div { > margin: 0.4em 0; > } > div label { > width: 25%; > float: left; > } > > --html--- > > > Fecha primer nombramiento: > > * > > > > Fecha último nombramiento: > > * > > > > Procedimiento de elección: > > -- > > * > > > > > Número Total de Consejeros: > > * > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > -- Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec C/ Julián Camarillo 26 1º Of. 2 - 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.com "Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias." "The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you" ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar formularios css
Porque no miras estos ejemplos a ver: http://jeffhowden.com/code/css/forms/ http://www.alistapart.com/stories/practicalcss/ http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/ Saludos! -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jesus Miguel Gimeno Rosales Enviado el: Jueves, 10 de Enero de 2008 03:16 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] maquetar formularios css Hola: Estoy intentando maquetar un formulario con css. Lo he intentado de un par de maneras pero siempre al minimizar la pantalla se me van descolocando los elementos. No estoy muy puesto en el tema, así que agradecería cualquier ayuda. Un cordial saludo Jesús ---css-- label { display: block; margin: 0.5em 0 0 0; } .btn { display: block; margin: 1em 0; } .validacion { color: #FF } /*Alinear los formularios*/ div { margin: 0.4em 0; } div label { width: 25%; float: left; } --html--- Fecha primer nombramiento: * Fecha último nombramiento: * Procedimiento de elección: -- * Número Total de Consejeros: * ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar formularios css
Y sino quieres currar (trabajar) mucho usa cualquiera de estos, que te permiten seleccionar lo que quieres y ellos te generan el código solitos ;-) JotForm: http://www.jotform.com/ Accessible Form Builder: http://www.accessify.com/tools-and-wizards/accessibility-tools/form-builder/ CSS Form Code Maker: http://www.maketemplate.com/form/ > >-Mensaje original- > >De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En > >nombre de Gabriel Porras > >Enviado el: jueves, 10 de enero de 2008 11:23 > >Para: 'Ovillo, la lista de CSS en castellano' > >Asunto: Re: [Ovillo] maquetar formularios css > > > >Porque no miras estos ejemplos a ver: > > > >http://jeffhowden.com/code/css/forms/ > >http://www.alistapart.com/stories/practicalcss/ > >http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/ > > > >Saludos! > > > >-Mensaje original- > >De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > >En nombre de Jesus Miguel Gimeno Rosales > >Enviado el: Jueves, 10 de Enero de 2008 03:16 a.m. > >Para: Ovillo, la lista de CSS en castellano > >Asunto: [Ovillo] maquetar formularios css > > > >Hola: > >Estoy intentando maquetar un formulario con css. Lo he intentado de un par > >de maneras pero siempre al minimizar la pantalla se me van descolocando los > >elementos. > >No estoy muy puesto en el tema, así que agradecería cualquier ayuda. > >Un cordial saludo > >Jesús > > > >---css-- > >label { > > display: block; > > margin: 0.5em 0 0 0; > >} > >.btn { > > display: block; > > margin: 1em 0; > >} > >.validacion { > > color: #FF > >} > > > >/*Alinear los formularios*/ > >div { > > margin: 0.4em 0; > >} > >div label { > > width: 25%; > > float: left; > >} > > > >--html--- > > > > > > Fecha primer nombramiento: > > > > * > > > > > > > > Fecha último nombramiento: > > > > * > > > > > > > > Procedimiento de elección: > > > >-- > > > > * > > > > > > > > > > Número Total de Consejeros: > > > > * > > > >___ > >Lista de distribución Ovillo > >Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > >Puedes modificar tus datos o desuscribirte en la siguiente dirección: > >http://lists.ovillo.org/mailman/listinfo/ovillo > > > >___ > >Lista de distribución Ovillo > >Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > >Puedes modificar tus datos o desuscribirte en la siguiente dirección: > >http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maquetar formularios css
Lo mejor que puedes hacer tanto por estructura de contenidos como para facilitar que no se descuadre todo es meter los "input" dentro de los "Label", es mas que correcto y te evitará problemas -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jesus Miguel Gimeno Rosales Enviado el: jueves, 10 de enero de 2008 9:16 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] maquetar formularios css Hola: Estoy intentando maquetar un formulario con css. Lo he intentado de un par de maneras pero siempre al minimizar la pantalla se me van descolocando los elementos. No estoy muy puesto en el tema, así que agradecería cualquier ayuda. Un cordial saludo Jesús ---css-- label { display: block; margin: 0.5em 0 0 0; } .btn { display: block; margin: 1em 0; } .validacion { color: #FF } /*Alinear los formularios*/ div { margin: 0.4em 0; } div label { width: 25%; float: left; } --html--- Fecha primer nombramiento: * Fecha último nombramiento: * Procedimiento de elección: -- * Número Total de Consejeros: * ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo Internal Virus Database is out-of-date. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.15.31/1129 - Release Date: 13/11/2007 21:22 Internal Virus Database is out-of-date. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.15.31/1129 - Release Date: 13/11/2007 21:22 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo