[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
