Problema allineamento form tra select e input text.

marcsellier

Problema allineamento form tra select e input text.

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 (di mezzo centimetro) 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"><a class="nuova_pass" href="nuova_password.php">Hai dimenticato la password?</a></td>
	<td></td>
     </tr>
        </form>
	
    </table>

Aspetto consigli, grazie a tutti

marcocarrieri

Hai anche codice CSS anell'HTML?
Puoi mettere tutto l'HTML o ci sono troppe altre sezioni?

marcsellier

@marcocarrieri said:

Hai anche codice CSS anell'HTML?
Puoi mettere tutto l'HTML o ci sono troppe altre sezioni?

Si ho anche del CSS ma è un foglio di stile a parte e serve solo per il colore e grandezza dei font, nulla di più.

Tutto l'HTML sarebbe troppo...

Qualche soluzione al momento?

marcocarrieri

Dopo analizzo... e vedo se riesco a trovare una soluzione.

marcsellier

Ok, grazie... rimango in attesa

marcsellier

@marcocarrieri said:

Dopo analizzo... e vedo se riesco a trovare una soluzione.

Ho risolto!
Praticamente questo codice


	<option VALUE="10" >Inglese</option>
	</select>
	</form>
	</td>

deve essere scritto così


	<option VALUE="10" >Inglese</option>
	</select>
        </td>	
        </form>

Grazie mille per l'interesse mostrato! Alla prossima, ciao

marcocarrieri

Sostanzialmente era colpa della spaziatura del Form...
Nel codice seguente ti ho messo anche un id alla tabella per cercare di tirare via anche alcune differenze sulle tabelle come il border-collapse.
Ti ho messo anche i bordi rossi alle tabelle per la visualizzazione temporanea.

[php]
<html>
<head>
<title>Prova tabella</title>
<style type="text/css">
html,body
{
}
#tabella
{
margin:0px;
padding:0px;
border-collapse:collapse;
}
td
{
margin:0px;
padding:5px;
border:1px solid red;
}
#form_accesso
{
margin:0px;
padding:0px;
}
#form_lingua
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<table id="tabella" 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">
<a class="nuova_pass" href="nuova_password.php">
Hai dimenticato la password?
</a>
</td>
<td></td>
</tr>
</form>
</table>
</body>
</html>
[/php]

marcsellier

Grazie ancora per i consigli

marcocarrieri

Di niente alla prossima.