Problema allineamento verticale testo input submit

[Stampede]

Salve,

ho un problema che non riesco a risolvere, nel mio codice html ho il seguente codice:

<input type="submit" name="aggiungi" title="Aggiungi" value="Aggiungi" />

tramite css ho applicato il seguente stile:

input {
    padding: 0 0 2px;
    width: 97px;
    height: 69px;
    background: url(aggiungi.png) no-repeat left top transparent;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: top;
}

quello che vorrei ottenere è l'allineamento in alto del testo del pulsante (nel caso specifico della parola "Aggiungi") ma non funziona.

Qualcuno mi può aiutare?

[daniele_dll]

Ciao,

a parte che per regolamento avresti dovuti indicare il CMS nel titolo, cosa che non hai fatto, è per far capirlo agli utenti almeno avresti dovuto inserirlo nel corpo del messaggio, e non lo hai fatto, ma questo è un problema relativo ai CSS.

Sposto in CSS, però più attenzione in futuro gentilmente.

[Stampede]

Mea culpa, e chiedo scusa, all'inizio ero entrato nella sezione CSS, ma non ero loggato e quando ho fatto il login sono stato automaticamente spostato nella sezione CMS (probabilmente l'ultima che avevo visitato durante una sessione con login), ma queste sono scusanti che non servono. Chiedo ancora scusa.

In ogni caso, ho risolto il problema autonomamente e se può servire in futuro fornisco la soluzione:
il trucco sta nel padding, bisogna settare l'altezza dell'elemento all'altezza dello sfondo del pulsante ed in seguito giocare con il padding (bottom) per posizionare alla corretta altezza il testo.

[mucu]

sarebbe meglio usare line-height = sfondo
e background-image: no-repeat left center

[Stampede]

sarebbe meglio usare line-height = sfondo e background-image: no-repeat left center

no, perché così non riesci ad allineare il testo in alto.