elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  ¿Cómo alinear elementos de formulario por bloques como en la imagen? HTML/CSS
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ¿Cómo alinear elementos de formulario por bloques como en la imagen? HTML/CSS  (Leído 4,974 veces)
NathanD

Desconectado Desconectado

Mensajes: 48


Ver Perfil
¿Cómo alinear elementos de formulario por bloques como en la imagen? HTML/CSS
« en: 22 Septiembre 2014, 20:52 pm »

Buenas, llevo bastante tiempo dándole vueltas a cómo hacer lo de la siguiente imagen, y la verdad es que no tengo ni idea.



No pongo el código porque básicamente es inútil, mi problema es el concepto.

Estaría muy agradecido si me ayudarais aunque fuera a plantearlo.


En línea

DaNuK

Desconectado Desconectado

Mensajes: 108


Pobre soñador


Ver Perfil WWW
Re: ¿Cómo alinear elementos de formulario por bloques como en la imagen? HTML/CSS
« Respuesta #1 en: 22 Septiembre 2014, 21:05 pm »

no te entiendo a que te refieres con concepto, lo que intentas hacer ya es cuestion de diseño y para lograrlo necesitas usar css


En línea

NathanD

Desconectado Desconectado

Mensajes: 48


Ver Perfil
Re: ¿Cómo alinear elementos de formulario por bloques como en la imagen? HTML/CSS
« Respuesta #2 en: 22 Septiembre 2014, 21:24 pm »

Pues a si tengo que agrupar los elementos con divs, párrafos, qué grupos hacer, cómo hacer la alineación...

Gracias por responder.
En línea

DaNuK

Desconectado Desconectado

Mensajes: 108


Pobre soñador


Ver Perfil WWW
Re: ¿Cómo alinear elementos de formulario por bloques como en la imagen? HTML/CSS
« Respuesta #3 en: 22 Septiembre 2014, 22:15 pm »

tan facil como hacer esto
Código
  1. <form action="" id="frm">
  2. <legend>Mi formulario</legend>
  3. <div class="controles">
  4. <label for="">etiqueta 01</label>
  5. <input type="text">
  6.  
  7. </div>
  8. <div class="controles">
  9. <label for="">etiqueta 02</label>
  10. <input type="text">
  11.  
  12. </div>
  13. <div class="controles">
  14. <label for="">etiqueta 03</label>
  15. <input type="text">
  16.  
  17. </div>
  18. </form>
  19.  
  20.  

css
Código
  1. .controles label, .controles input
  2. {
  3. display:inline-block;
  4. vertical-align:top;
  5. }
  6. .controles input
  7. {
  8. margin-left:30px;
  9. width:250px;
  10. }
  11. .controles label
  12. {
  13. font-family:monospace;
  14. }
  15. legend
  16. {
  17. font-weight:bold;
  18. font-family: monospace;
  19. }
  20.  

Saludos
En línea

onStrike

Desconectado Desconectado

Mensajes: 9


Ver Perfil
Re:
« Respuesta #4 en: 23 Septiembre 2014, 20:12 pm »

Crack ^
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
¿Como enviar un e-mail desde un formulario html?
Desarrollo Web
Nery92 1 2,399 Último mensaje 28 Noviembre 2011, 19:13 pm
por el-brujo
como recuperar datos de un formulario de html
PHP
bengy 1 5,481 Último mensaje 27 Febrero 2012, 14:36 pm
por xeon_57
formulario / subir archivo / icono imagen html/php/javascript
Desarrollo Web
Neibar 5 7,418 Último mensaje 4 Mayo 2012, 22:08 pm
por Neibar
Guardar un formulario desplagable como una IMAGEN
.NET (C#, VB.NET, ASP)
trobador789 0 1,653 Último mensaje 23 Enero 2013, 21:49 pm
por trobador789
como hacer un formulario para enviar correos html
Desarrollo Web
binario010101 2 3,466 Último mensaje 17 Febrero 2013, 21:39 pm
por binario010101
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines