Ver Mensaje Individual
  #10 (permalink)  
Antiguo 13/06/2012, 05:52
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 11 meses
Puntos: 539
Respuesta: Alinear cajas de texto

¡¡¡¡Un consultante que a cada respuesta adjunta los códigos!!!

¡Ip! ¡ip! ¡hurra!

Quizás no haya pillado yo muy bien lo que pretende, a ver si esto es una aproximación a lo que pretende.
Tómelo como base:



Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <title>Kseso? jugando con css</title>
  4. <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  5.  
  6. <style type="text/css">
  7. form {
  8.     text-align: center;
  9.     width: 25em;
  10.     margin: 0 auto;
  11.     padding: 1em;
  12.     border: 1px solid #E0E0E0;
  13.     font-size: 1em;
  14.     font-family: monospace;
  15.     line-height: 1;
  16.     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  17.     background: #F5F5F5;
  18. }
  19. label {
  20.     display: inline-block;
  21.     text-align: left;
  22.     width: 12em;
  23.     vertical-align: bottom;
  24.     border-bottom: 1px dashed #CDCDCD;
  25. }
  26. input {
  27.     display: inline-block;
  28.     width: 12em;
  29. }
  30. .subm-rest input {
  31.     width: 10em;
  32.     margin: 1em;
  33. }
  34. </head>
  35. <form id="form1" name="form1" method="post" action="" onSubmit="return comprobarClave(this)">
  36.       <p>
  37.         <label for="usuarioE">Usuario</label>
  38.         <input type="text" name="usuarioE" id="usuarioE" />
  39.       </p>
  40.       <p>
  41.         <label for="password">Contrase&ntilde;a</label>
  42.         <input type="password" name="password" id="password" />
  43.       </p>
  44.       <p>
  45.         <label for="password2">Repetir Contrase&ntilde;a. Es obligatorio</label>
  46.         <input type="password" name="password2" id="password2" />
  47.       </p>
  48.       <p class="subm-rest">
  49.         <input type="submit" name="Establecer_Password" id="Enviar" value="Enviar" />
  50.         <input type="reset" name="Cancelar" id="Cancelar" value="Cancelar" />
  51.       </p>
  52.     </form>
  53. </body>
  54. </html>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++