Problema allineamento select con input text.

[marcsellier]

Ciao ragazzi,
ho un problema di allineamento in una form html.

Ho la select per la selezione della lingua che in Internet Explorer si trova più in alto rispetto all'input text dell'indirizzo email.
Come mai? Dove sbaglio?

Eccovi il codice:

    <table width="20%" bgcolor="DAFF7F" >
	
    <tr>
	<td align="left" class="accesso">Lingua</td>
	<td></td>
        <td align="left" class="accesso">Indirizzo email</td>
        <td align="left" class="accesso">Password</td>
    </tr>

    <tr>
	<td>
	<form name="form_lingua" id="form_lingua" method="post" action="index.php">
	<select name="lingua" onchange="this.form.submit()">
	<option VALUE="4" >Francese</option>
	<option VALUE="6" >Italiano</option>
	<option VALUE="8" >Spagnolo</option>
	<option VALUE="10" >Inglese</option>
	</select>
	</form>
	</td>
	
        <td></td>
    
	<form name="form_accesso" id="form_accesso"  method="post" onsubmit="return controllo()" action="controllo.php">
	<td><input type="text" name="indirizzo" size="20"></td>
        <td><input type="password" name="pass" size="20"></td>
	<td><input type="button" onclick="controllo_accesso()" name="Submit" value="Entra"></td>
    </tr>

    <tr>
	<td></td>
	<td></td>
	<td class="nuova_pass" align="left"><input name="automatico" type="checkbox" value="si" CHECKED="checked">Memorizza accesso</td>
        <td align="right" valign="bottom">Hai dimenticato la password?</td>
	<td></td>
     </tr>
        </form>
	
    </table>

Aspetto consigli, grazie a tutti

[NonCeLaFaccio+]

Ciao,
il problema è che i due form sono posizionati in modo diverso rispetto alle celle: il primo è contenuto in una cella, il secondo invece contiene celle.

La soluzione corretta è la prima perché inserire qualcosa come i tag di apertura e chiusura di un form negli spazi interstiziali fra le celle è decisamente scorretto (anche se i browser, che sono di bocca buona, lo accettano) però nel tuo caso, piuttosto che "aggiustare" il secondo form, conviene "guastare" anche il primo, è molto più semplice.

Tanto poi, parliamoci chiaro, l'importante è che funzioni e visto che usi le tabelle invece dei css sono sicuro che condividi questa affermazione.

Quindi il mio suggerimento è di portare il primo form fuori dalla TD, così:

         <form name="form_lingua" id="form_lingua" method="post" action="index.php">
            <td>
               <select name="lingua" onchange="this.form.submit();">
                  <option VALUE="4" >Francese</option>
                  <option VALUE="6" >Italiano</option>
                  <option VALUE="8" >Spagnolo</option>
                  <option VALUE="10" >Inglese</option>
               </select>
            </td>
         </form>

Ciao

[marcsellier]

Mi ero già accorto del problema ieri stesso, poi però mi sono dimenticato di pubblicare la soluzione.
Grazie mille per la risposta!