Estoy haciendo un pequeño formulario con un input type="text" y un botón de envio y quiero que tengan la misma altura, pero no hay manera ni en Firefox, ni en Chrome tienen la misma altura. Os pongo el código:
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
Hacer que la caja de texto y el botón tengan la misma altura
- preguntó
- Web
- 870 Vistas
- 1 Respuestas
- solucionada
1 Respuesta
Te modifico un poco las clases en el HTML y el CSS para que veas mejor cada elemento y el resultado que buscas:
HTML
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
</head>
<body>
<div id="form">
<h3>Opción (1-19):</h3>
<form class="elform" name="orden" action="#" method="get">
<input type="text" id="tt" name="tt"placeholder="placeholder" class="camponumerico" cols="2" rows="1">
<input type="submit" name="submit" value="buscar" class="submit">
</form>
</div>
</body>
CSS
div#form {
z-index: 555;
position: relative;
top: 20%;
left: 50%;
max-width: 20%;
width: 20%;
margin-top: 7%;
text-align: center;
transform: translate(-50%, -100%);
-webkit-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
-o-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
}
#form{
background: blue;
}
.elform{
background: red;
}
input[type=text] {
padding:0px 10px;
border:0px;
height:40px;
background:#ccc;
float: left;
}
input[type=submit] {
padding:0px 10px;
border:0px;
background:#ccc;
height:40px;
}
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 407151
- 1
- Jul 5, 2015
Sin Respuesta
-
- 169
- 0
- Mar 19
-
- 86
- 2
- Feb 26
-
- 1142
- 0
- Nov 7, 2023
-
- 302
- 0
- Sep 19, 2023
-
- 305
- 0
- Ago 21, 2023
-
- 388
- 0
- May 14, 2023
-
- 358
- 0
- Abr 21, 2023
-
- 446
- 0
- Mar 31, 2023
- ver todas
Preguntas relacionadas
Actividad Reciente
ArtEze respondió hace 1 día
Alguien sabe, no me ignorenArtEze seleccionó una respuesta hace 2 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 2 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó hace 2 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 2 días
No me deja instalar OracleArtEze respondió hace 2 días
Formulario que guarde los datos de un jsonArtEze comentó hace 2 días
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scraping
Ultimas Preguntas
Preguntas relacionadas
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150470 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...