Come da titolo, devo centrare verticalmente e solo verticalmente, tre form all'interno di un div.
Vi posto il codice, i form sono in effetti solo tre pulsanti hidden che mi poi mi dovrebbero servire per ricaricare la pagina secondo le impostazioni scelte andando a recuperare i dati dalla tabella mysql, tramite codice php.
Centrare l'ho centrati, ma con quel grossolano margin-top: 13px, che non mi piace per niente.
C'è una soluzione più elegante?
Html:
codice:
<div id="box_menu">
<form id="form_lettera" method="GET" action="index.php">
Visualizza per
<input type="hidden" name="sel_lettera">
<input type="submit" value="Lettera">
</form>
<form id="form_album" method="GET" action="index.php">
<input type="hidden" name="sel_album">
<input type="submit" value="Album">
</form>
<form id="form_autore" method="GET" action="index.php">
<input type="hidden" name="sel_autore">
<input type="submit" value="Autore">
</form>
</div>
Css:
codice:
#box_menu {
margin-bottom: 10;
background: #EDE5AD;
height: 50;
-webkit-border-radius: 10 10 0 0;
}
#form_lettera {
font-family: Comic Sans;
font-style: italic;
color: black;
padding-left: 10;
float: left;
margin-right: 20;
margin-top: 13;
background: #ff662a;
}
#form_album {
float: left;
margin-top: 13;
margin-right: 20;
background: olive;
}
#form_autore {
float: left;
background: purple;
margin-top: 13px;
}