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
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 responder a esta pregunta.
Actividad Reciente
ArtEze respondió hace 10 horas
Alguien sabe, no me ignorenArtEze seleccionó una respuesta hace 17 horas
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 18 horas
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó hace 18 horas
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 20 horas
No me deja instalar OracleArtEze respondió hace 21 horas
Formulario que guarde los datos de un jsonArtEze comentó hace 21 horas
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
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150470 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos