<!DOCTYPE HTML>
<head>
<title></title>
<style>
body { display: flex;
justify-content: center;
align-items: center;
}
body, html { height:100%;
margin:0;
padding:0;
width:100%;
}
#marco {
background:url("casa5.jpg"); width:90%;
height:90%;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<div id="marco">
<table border="1" bordercolor="red" width="35%" align="center" bgcolor="pink" cellspacing="10" cellpadding="10">
<!-- Ajusto las celdas de colores, las options correspondientes y el tamaño que se ve como ejemplo para que se muesten todas las opciones y algunas casillas vacías por defecto -->
<form action="" method="post" enctype="">
<tr>
<td bgcolor="lightblue" align="center" bordercolor="pink">
<select name="casavender" size="10">
<option value="comprar" selected>Comprar</option>
<option value="alquilar">Alquilar</option>
<option value="compartir">Compartir</option>
</select></td>
<td colspan="2" align="center" bgcolor="lightblue">
<select name="casatipo" size="10">
<option value="obra">Obra nueva</option>
<option value="viviendas" selected>Viviendas</option>
<option value="oficinas">Oficinas</option>
<option value="locales">Locales o naves</option>
<option value="garajes">Garajes</option>
<option value="trasteros">Trasteros</option>
<option value="edificios">Edificios</option>
<option value="terrenos">Terrenos</option>
</select></td>
<td align="center" bgcolor="lightblue">
<select name="provincias" size="10">
<option value="almeria">Almería</option>
<option value="cadiz">Cádiz</option>
<option value="cordoba">Córdoba</option>
<option value="granada">Granada</option>
<option value="huelva" selected>Huelva</option>
<option value="jaen">Jaén</option>
<option value="malaga">Málaga</option>
<option value="sevilla">Sevilla</option>
</select>
</td>
</tr>
<!-- Utilizo el br para separar las frases y utilizo el type submit ya que se da a entender buscar como enviar el formulario y luego se recibe la respuesta -->
<tr>
<td colspan="3" bgcolor="lightgreen">Tu última búsqueda: <br>
Viviendas en La Floridad - Vistalegre...</td>
<td align="center" bgcolor="yellow"><input type="submit" name="buscar" value="Buscar"/></td>
</tr>
</form>
</table>
</div>
</body>
</html>
