Foros del Web » Creando para Internet » HTML »

No consigo alinear el input verticalmente

Estas en el tema de No consigo alinear el input verticalmente en el foro de HTML en Foros del Web. Hola chicos tengo un problema con el input que es que no lo puedo alinear verticalmente, lo hice con el texto pero el input no ...
  #1 (permalink)  
Antiguo 04/07/2013, 15:21
 
Fecha de Ingreso: junio-2013
Ubicación: Mar del Plata
Mensajes: 122
Antigüedad: 10 años, 10 meses
Puntos: 0
Pregunta No consigo alinear el input verticalmente

Hola chicos tengo un problema con el input que es que no lo puedo alinear verticalmente, lo hice con el texto pero el input no me da bola, aca tengo una img para que se den cuenta:


Como ven, necesito alinear los 3 input y el boton de "entrar" para que quete alineado como el texto, el input dentro del archivo php lo tengo asi por ejemplo:
Código PHP:
<div class="lm_box_id">
    <
input id="lm_box_id">
</
div
y el css del lm_box_id esta asi:
Código:
.lm_box_id{
   width:215px;
   height:32px;
   line-height:32px;
   text-align:center;
   vertical-align:middle;
   float:left;
}
Como puedo arreglarlo ?
  #2 (permalink)  
Antiguo 04/07/2013, 18:58
 
Fecha de Ingreso: enero-2006
Mensajes: 199
Antigüedad: 18 años, 3 meses
Puntos: 5
Respuesta: No consigo alinear el input verticalmente

mejor usar padding que modificar el alto
  #3 (permalink)  
Antiguo 04/07/2013, 19:43
 
Fecha de Ingreso: junio-2013
Ubicación: Mar del Plata
Mensajes: 122
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: No consigo alinear el input verticalmente

y como seria eso ?
  #4 (permalink)  
Antiguo 04/07/2013, 23:05
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: No consigo alinear el input verticalmente

pues a los input ponles un margin

por ejemplo

Código CSS:
Ver original
  1. input{
  2.  margin-top:5px;
  3. }

eso afecta a todos los input sean del tipo que sean.
  #5 (permalink)  
Antiguo 05/07/2013, 02:52
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: No consigo alinear el input verticalmente

Yo haría algo así:

Código HTML:
Ver original
  1. <label for="usuario">Usuario:</label>
  2. <input id="usuario">
  3. <label for="pass">Contraseña:</label>
  4. <input id="pass">

Código CSS:
Ver original
  1. label {
  2.   display: inline-block;
  3.   width: 50%;
  4.   padding: 10px;
  5. }

Así en principio no te haría falta siquiera indicar el alineamiento vertical. Es más limpio.

Etiquetas: alinear, css, input, verticalmente
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 07:57.