Como centrar o alinear esto????

[ojitosjr]

Notaran que donde dice password: esta un poco mas a la isquierda que donde dice: Username, y log in esta tambien como a la isquierda. Me gustaria que me dijeran como arreglar esto, Gracias....




este es el codigo

</form>';
}
function mostrar1(){
echo'<FORM ACTION="validar_usuario.php" METHOD="post">
<h4>Username: <INPUT TYPE="text" NAME="usuario" SIZE=20 MAXLENGTH=20><br />
Password: <INPUT TYPE="password" NAME="password" SIZE=20 MAXLENGTH=20><br />
<INPUT TYPE="submit" VALUE="Log in"></h4>
</FORM>';
}

[el_tigre]

Puedes usar Tablas

Código PHP:

  </form>';
}
function mostrar1(){
echo'<FORM ACTION="validar_usuario.php" METHOD="post">
<h4> 
<table width="24%" border="0">
  <tr>
    <td width="46%">Username:</td>
    <td width="54%"><INPUT TYPE="text" NAME="usuario" SIZE=20 MAXLENGTH=20></td>
  </tr>
  <tr>
    <td>Password:*</td>
    <td><INPUT TYPE="password" NAME="password" SIZE=20 MAXLENGTH=20></td>
  </tr>
  <tr>
    <td colspan="2"><div align="center"><INPUT TYPE="submit" VALUE="Log in"></div></td>
  </tr>
</table>
</h4>
</FORM>
<p>;
  }</p> 
   

O tmb puedes probar este método

http://www.alistapart.com/articles/p...ccessibleforms

o usar este prefabricado

http://sprawsm.com/uni-form/

Saludos

[Shawty]

Al ser un formulario yo le pondria un "label" al texto 'username' i al 'password' con un width fijo, de esta manera te empezarán siempre los imputs alineados.


Saludos!

[ojitosjr]

Hola tigre y Shawty, lo de las tablas lo probe, lo copie y lo pegue tal y como esta pero no se que ise mal que no me funciono, me marca un error, y Shawty me gustaria tratar eso que dices pero no se como se hace, me podrias mostrar con algun codigo???

[Shawty]

De entrada yo el h4 lo quitaria y pondria:

<label>Username:</label> y aqui tu input del username

<label>Password:</label> y aqui tu input del password


Luego en el css pones que ese label tenga: float:left; width:200px; (pongo 200 pero puedes ponerle el width que te vaya mejor)

Tambien puedes añadirle el color, tamaño, fuente que quieras al contenido del label eso ya es cosa tuya.

Pruebalo a ver que tal :)

[ojitosjr]

Hola, Shawty prove con los labels y probando diferentes width pero seguia mirandose igual, al final solo le puse un h4 al username y un h5 al password con el mismo css pero solo le mobi un poco el margin un a h5 que es donde esta password y quedo bien... Gracias de todos modos...