Foros del Web » Creando para Internet » HTML »

Como centrar o alinear esto????

Estas en el tema de Como centrar o alinear esto???? en el foro de HTML en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 01/06/2010, 04:58
(Desactivado)
 
Fecha de Ingreso: mayo-2010
Mensajes: 61
Antigüedad: 13 años, 10 meses
Puntos: 1
Como centrar o alinear esto????

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
Cita:
</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>';
}
  #2 (permalink)  
Antiguo 01/06/2010, 07:39
Avatar de el_tigre  
Fecha de Ingreso: febrero-2006
Ubicación: Perú
Mensajes: 1.044
Antigüedad: 18 años, 1 mes
Puntos: 8
Respuesta: Como centrar o alinear esto????

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
  #3 (permalink)  
Antiguo 01/06/2010, 07:44
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Como centrar o alinear esto????

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!
  #4 (permalink)  
Antiguo 01/06/2010, 09:14
(Desactivado)
 
Fecha de Ingreso: mayo-2010
Mensajes: 61
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Como centrar o alinear esto????

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???
  #5 (permalink)  
Antiguo 01/06/2010, 09:31
 
Fecha de Ingreso: mayo-2010
Mensajes: 27
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Como centrar o alinear esto????

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 :)
  #6 (permalink)  
Antiguo 01/06/2010, 17:29
(Desactivado)
 
Fecha de Ingreso: mayo-2010
Mensajes: 61
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Como centrar o alinear esto????

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...

Etiquetas: alinear
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:08.