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:
Css: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>
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; }

Rispondi quotando