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: #FF0000
> }
>
> /*Alinear los formularios*/
> div {
>   margin: 0.4em 0;
> }
> div label {
>   width: 25%;
>   float: left;
> }
>
> ----------html---------------
>
> <div>
>  <label for="campo6B010201">Fecha primer nombramiento:</label>
>  <input name="campo6B010201" type="text" id="campo6B010201" />
>  <span class="validacion" id="RequiredFieldValidator21">*</span>
> </div>
>
> <div>
>  <label for="campo7B010201">Fecha último nombramiento:</label>
>  <input name="campo7B010201" type="text" id="campo7B010201"/>
>  <span class="validacion" id="RequiredFieldValidator22">*</span>
> </div>
>
> <div>
>  <label class="gris" for="campo8B010201">Procedimiento 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

Responder a