[Ovillo] maquetar formularios css

2008-01-10 Por tema Jesus Miguel Gimeno Rosales 
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---

div
 label for=campo6B010201Fecha primer nombramiento:/label
 input name=campo6B010201 type=text id=campo6B010201 /
 span class=validacion id=RequiredFieldValidator21*/span
/div

div
 label for=campo7B010201Fecha último nombramiento:/label
 input name=campo7B010201 type=text id=campo7B010201/
 span class=validacion id=RequiredFieldValidator22*/span
/div

div
 label class=gris for=campo8B010201Procedimiento de elección:/label
 select name=campo8B010201 id=campo8B010201
option value=0--/option
 /select
 span class=validacion id=RequiredFieldValidator23*/span
/div

div
 label class=gris for=campo9B010201
 Número Total de Consejeros:/label
 input name=campo9B010201 type=text id=campo9B010201 class=gris /
 span  class=validacion id=RequiredFieldValidator24*/span
/div
___
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

2008-01-10 Por tema Félix Zapata Berlinches 
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---

 div
  label for=campo6B010201Fecha primer nombramiento:/label
  input name=campo6B010201 type=text id=campo6B010201 /
  span class=validacion id=RequiredFieldValidator21*/span
 /div

 div
  label for=campo7B010201Fecha último nombramiento:/label
  input name=campo7B010201 type=text id=campo7B010201/
  span class=validacion id=RequiredFieldValidator22*/span
 /div

 div
  label class=gris for=campo8B010201Procedimiento de elección:/label
  select name=campo8B010201 id=campo8B010201
 option value=0--/option
  /select
  span class=validacion id=RequiredFieldValidator23*/span
 /div

 div
  label class=gris for=campo9B010201
  Número Total de Consejeros:/label
  input name=campo9B010201 type=text id=campo9B010201 class=gris /
  span  class=validacion id=RequiredFieldValidator24*/span
 /div
 ___
 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

2008-01-10 Por tema Gabriel Porras 
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---

div
 label for=campo6B010201Fecha primer nombramiento:/label
 input name=campo6B010201 type=text id=campo6B010201 /
 span class=validacion id=RequiredFieldValidator21*/span
/div

div
 label for=campo7B010201Fecha último nombramiento:/label
 input name=campo7B010201 type=text id=campo7B010201/
 span class=validacion id=RequiredFieldValidator22*/span
/div

div
 label class=gris for=campo8B010201Procedimiento de elección:/label
 select name=campo8B010201 id=campo8B010201
option value=0--/option
 /select
 span class=validacion id=RequiredFieldValidator23*/span
/div

div
 label class=gris for=campo9B010201
 Número Total de Consejeros:/label
 input name=campo9B010201 type=text id=campo9B010201 class=gris /
 span  class=validacion id=RequiredFieldValidator24*/span
/div
___
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

2008-01-10 Por tema Alvarez Laurnaga, Jose Antonio 
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---
 
 div
  label for=campo6B010201Fecha primer nombramiento:/label
  input name=campo6B010201 type=text id=campo6B010201 /
  span class=validacion id=RequiredFieldValidator21*/span
 /div
 
 div
  label for=campo7B010201Fecha último nombramiento:/label
  input name=campo7B010201 type=text id=campo7B010201/
  span class=validacion id=RequiredFieldValidator22*/span
 /div
 
 div
  label class=gris for=campo8B010201Procedimiento de elección:/label
  select name=campo8B010201 id=campo8B010201
 option value=0--/option
  /select
  span class=validacion id=RequiredFieldValidator23*/span
 /div
 
 div
  label class=gris for=campo9B010201
  Número Total de Consejeros:/label
  input name=campo9B010201 type=text id=campo9B010201 class=gris /
  span  class=validacion id=RequiredFieldValidator24*/span
 /div
 ___
 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

2008-01-10 Por tema Jorge 
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---

div
 label for=campo6B010201Fecha primer nombramiento:/label
 input name=campo6B010201 type=text id=campo6B010201 /
 span class=validacion id=RequiredFieldValidator21*/span
/div

div
 label for=campo7B010201Fecha último nombramiento:/label
 input name=campo7B010201 type=text id=campo7B010201/
 span class=validacion id=RequiredFieldValidator22*/span
/div

div
 label class=gris for=campo8B010201Procedimiento de elección:/label
 select name=campo8B010201 id=campo8B010201
option value=0--/option
 /select
 span class=validacion id=RequiredFieldValidator23*/span
/div

div
 label class=gris for=campo9B010201
 Número Total de Consejeros:/label
 input name=campo9B010201 type=text id=campo9B010201 class=gris /
 span  class=validacion id=RequiredFieldValidator24*/span
/div
___
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