Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/04/2009, 09:28
denica001
 
Fecha de Ingreso: octubre-2008
Mensajes: 387
Antigüedad: 15 años, 6 meses
Puntos: 18
Respuesta: Alinear Input, no el texto dentro de los input

Podrias hacerlo creeando una tabla donde incluir solo las etiquetas (labels) en una columna y las cajas de texto en otra columna. Con el valor align de las celdas de la segunda columna podrias lograr que todos los input estuvieran alineados.

Ahora para hacer esto es muy importante que al definir el label lo hagas con el atributo "for" y no hagas un "wrap tag", porque de este manera te deja libertad para ubicarlo donde vos quieras independientemente del "input tag" al que este asociado.

Mira este codigo

Código:
<form id="form1" name="form1" method="post" action="">
  <table border="0">
    <tr>
      <td width="63"><label for="input1">Input 1</label></td>
      <td width="365">
      <input name="input1" type="text" id="input1" size="50" /></td>
    </tr>
    <tr>
      <td><label for="input3">Input 2</label></td>
      <td>
        <input name="input2" type="text" id="input3" size="20" /></td>
    </tr>
    <tr>
      <td><label for="input3">Input 3</label></td>
      <td>
        <input name="input3" type="text" id="input3" size="35" /></td>
    </tr>
  </table>
</form>
Fijate que una vez que se puede hacer todo desde la vista diseño, pero para mover el label a la primer columna de la tabla hay que hacerlo dentro del codigo. El label por mas que no envuelva al "input tag" sigue asociado a el por el atributo "for".

Esta disposicion no te permite hacer lo que vos queres
<label>Nombre<input ..... id="nombre"> /> </label>

En cambio usando el atributo "for"

<label for="nombre"> Nombre</label>
<table><tr><td> <input ... id="nombre" /> </td> </tr> </table>

Son solo ejemplos para que entiendas como trabaja el atributo "for".

Cualquier consulta postea con confianza

Saludos.