2

Con la aplicación web ya terminada solo falta el CSS, y aquí estoy teniendo problemas.

Tengo el siguiente botón:

<div class="SearchDiv">
		<form id="searchForm" action="SearchController" method="post">
			<input type="text" name="searchQuery" required /> <input
				type="submit" name="searchBtn" title="search" value="search">
		</form>
	</div>

La cosa es que por mucho que intente no soy capaz de hacer que el buscador se situe en el centro de la pantalla con un tamaño relativamente grande.

¿Alguna idea del css que debo aplicar?

UPDATE: El css que he estado intentando utilizar ha sido este, que en un botón similar me funciona:

   .SearchDiv {
position: relative;
padding: 0;
padding-top: 55px;
}  
1
  • prueba con esto : margin: 0 auto;
    – Saantty
    el 19 may. 2017 a las 10:35

1 respuesta 1

4

Deberías concretar más tu estructura HTML y los estilos que afectan a la misma. Para el HTML que has puesto en tu pregunta bastaría con lo siguiente:

.SearchDiv{
 text-align:center;
}
<div class="SearchDiv">
    <form id="searchForm" action="SearchController" method="post">
        <input type="text" name="searchQuery" required /> <input
            type="submit" name="searchBtn" title="search" value="search">
    </form>
</div>

1
  • 1
    Ya me funciona, muchas gracias. el 19 may. 2017 a las 10:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.