allineamento input type="image" e img

[Anjanka_]

Ciao a tutti.

Vi spiego il mio problema ho creato un modulo per la modifica dei dati usando immagini come pulsanti. Il codice che ho usato è:

<table>
<tr>
<td><input type="image" align="middle" src="../img/pulsanti/modifica_dati.gif" alt="modifica"></td>
<td>[img]../img/pulsanti/annulla.gif[/img]</td></tr>
</table>

Il risultato finale sono due tasti funzionanti ma non allineati. In pratica il primo è di qualche pixel più in alto del secondo. Questo provoca un anti-estetico effetto scalino.

Come posso risolvere il problema?

Grazie

[salasir]

Probabilmente la differenza è data dalla diversa natura del due bottoni. ognuno con una definizione di default diversa di dimensioni, margini, ecc...

Inoltre vedo un'impostazione non proprio felice del form: mancano parecchi tag (form, fieldset, label, ..) per un codice corretto, e utilizzi una tabella per il layout.

Mai pensato di costruire un form con i CSS, che tra l'altro ti permettono di dargli una veste più gratificante?

Logica e stile dei form html
Un form accessibile con XHTML e CSS

E poi, se non ne hai abbastanza:

styling form css

[Anjanka_]

per semplicità ho eliminato parte del codice del form ed inserito soltanto la parte che interessava. Praticamente tutto il form è costruito utilizzando css.
Purtroppo per far funzionare tutto nei vari browser ho dovuto utilizzare questa impostazione.
Grazie

[salasir]

OK.
potresti provare allora a dare un margin-top al button

style="margin-top: 2px;"

[Anjanka_]

grazie mille.

Con il tuo consiglio ci sono riuscita. Adesso è perfetto.

Grazie ancora