HTML - Como alinear cajas de texto en formulario

 
Vista:

Como alinear cajas de texto en formulario

Publicado por antonio_27 (1 intervención) el 15/06/2007 12:40:31
Buenas a todos,

Tengo un pequeño problema, que al final se está convirtiendo en un gran problema. A ver tengo unos formularios con tablas y dentro de las celdas de las tablas tengo campos de texto, de selección, etc.

El problema me surge cuando quiero alinearlos para que en la pantalla me aparezcan uno debajo del otro, en ella me aparecen descuadrados y cuando los quiero alinear nunca consigo dejarlos bien. Lo tengo todo hecho con porcentajes (p.e.: width="10%").

Ya no se que puedo hacer.

Alguien tiene alguna idea.

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Como alinear cajas de texto en formulario

Publicado por mario (14 intervenciones) el 15/06/2007 14:01:43
COloca el codigo para chequear que es lo que estas haciendo mal.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Como alinear cajas de texto en formulario

Publicado por Guitarshelo (5 intervenciones) el 18/06/2007 00:58:37
Tienes que usar una tabla para dejalo alineado:

Aqui te dejo un ejemplo:

(quita los espacios)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
< table border="0" cellpadding="0" cellspacing="0" width="50%">
    < tr>
        < td width="70%">Tu Nombre: </td>
        < td width="50%"><input type="text" size="53" name="T1" value="Nombre"></td>
    < /tr>
    < tr>
        < td width="70%">Tu Email: </td>
        < td width="50%"><input type="text" size="53" name="T2" value="email"></td>
    < /tr>
    < tr>
        < td width="70%">Tu Web: </td>
        < td width="50%"><input type="text" size="53" name="T3" value="Web"></td>
    < /tr>
< /table>

________________________________________________________________

-------->> www.HTMLBasic.tk
-------->> Codigos HTML, Javascripts, Juegos en HTML, Tutoriales, Descargas,
-------->> Buscadores para tu web y mas!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Como alinear cajas de texto en formulario

Publicado por SANDY SERNA PARRA (1 intervención) el 27/11/2008 18:47:24
Hola aqui te pongo el ejemplo completo para alinear texto en php con input

copia todo en un editor de texto y dale un nombre a el archivo con extencion .php puede ser prueba.php funciona perfectamente.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
    <title>Sistema de prueba de texto justificado</title>
</head>
 <body>
   <table bgcolor ="#808000" border="1" cellpadding="0" cellspacing="0" width="40%">
     <tr>
       <td width="70%" bgcolor="#808000">Tu Nombre: </td>
       <td width="50%"><input type="text" size="53" name="T1" value="Nombre"></td>
       </tr>
       <tr>
       <td width="70%">Tu Email: </td>
       <td width="50%"><input type="text" size="53" name="T2" value="email"></td>
       </tr>
       <tr>
       <td width="70%">Tu Web: </td>
       <td width="50%"><input type="text" size="53" name="T3" value="Web"></td>
     </tr>
   </table>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Como alinear cajas de texto en formulario

Publicado por Derbis (1 intervención) el 17/09/2009 11:12:51
Prueba con esto:

<tr valign="middle">

o con esto otro

<td style="vertical-align:middle; ">

cualquiera d elas 2 variantes deberia servirte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Como alinear cajas de texto en formulario

Publicado por amigo de la red (2 intervenciones) el 04/01/2008 21:32:36
1.- Crear el TAG del formulario
2.- Dentro de él creo una tabla con dos columnas y las filas necesarias para los campos que tengo
3.- En la columna de la Izquierda pongo todos los nombres de los campos
4.- En la columna de la Derecha, pongo los input.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Como alinear cajas de texto en formulario

Publicado por Anonimo (1 intervención) el 29/04/2013 16:50:23
¿Como se te ocurre usar una tabla en un formulario?

Estas anclado en el pasado, ahora la tabla se usan para hacer tablas nada mas.

Antes de dar un codigo por bueno chequealo con http://validator.w3.org/

Las tablas són tablas nada mas, antes se usaban tabla para todo. Actualmente ya no se usan para nada mas que para hacer tablas
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Como alinear cajas de texto en formulario

Publicado por xve (1543 intervenciones) el 29/04/2013 22:59:43
Estoy completamente de acuerdo con Anonimo... las tablas para hacer tablas únicamente!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Como alinear cajas de texto en formulario

Publicado por rafael (1 intervención) el 23/05/2013 12:49:43
Perfecto ... pero explica entonces como hacerlo....
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Como alinear cajas de texto en formulario

Publicado por xve (1543 intervenciones) el 23/05/2013 14:15:47
Hola Rafael, la manera de hacerlo, es utilizando div's con estilos...
1
<div>...</div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Como alinear cajas de texto en formulario

Publicado por si (1 intervención) el 31/05/2013 16:57:47
Para eso existe CSS :)
o ainealo con &nbsp XD
Suerte
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Como alinear cajas de texto en formulario

Publicado por Jose Manuel (20 intervenciones) el 01/06/2013 11:31:25
Hola:

Efectivamente es como dice XVE. La propiedad CSS que debes usar (aunque se pueden usar otros "trucos" CSS) es table-cell.

Este artículo sobre posicionamiento CSS me gusta mucho:
http://librosweb.es/css_avanzado/capitulo_4/propiedad_display.html

Espero que sirva. Saludos.

José Manuel
=================================================
http://www.orbisapientia.com
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar