form user/psw in css e allineamento

[blur]

ciao,
avendo bisogno di un form login/psw in css ho creato questa cosa:

form.css

#riga { width:160px;  margin:0em auto;text-align:left }
#riga1 { width:160px;  margin:0em auto; text-align:center }

#riga { 
             
	background:#E0DFE3 ; 
	border:1px solid #ccc; 
		padding:0em 0;
		} 
		
#riga1 { 
        list-style:none;
	background:#FAFAFD ; 
	border:1px solid #ccc; 	
		}

nella pagina:

<div id="riga"><h7><font color="brown">Area riservata</font></h7></div>
<div id="riga1">
<form name="Sample" method="post" action="<? print $resultpage ?>">[*]Username[*]<input type="text" name="username" size="12" maxlength="15">[*]Password[*]<input type="password" name="password" size="12" maxlength="15">[*]<input type="submit" name="Login" value="Login">
  </form>
  </div>

ho usato i[*] perchè..boh ma vedo che funzionano, mi incolonna tutto come voglio. c'era un modo migliore?
solo che mettendo questo form in cima a un menu sempre in css, sulla colonna sx di un layout a tre colonne, mi esce sballato rispetto al menu



possibili soluzioni?
grazie

[antos]

applicavi a tutti gli elementi interni (le label e gli oggetti del modulo) display:block;

[blur]

Originariamente inviato da antos
applicavi a tutti gli elementi interni (le label e gli oggetti del modulo) display:block;

scusa non ho capito... display:block; lo devo applicare( se si non funziona) o che?

[antos]

<div id="riga">
<h3>Area riservata[/b]</h3>
<form name="Sample" method="post" action="<? print $resultpage ?>">
 <span style="display:block">Username</span>
  <input style="display:block" type="text" name="username" size="12" maxlength="15">
 <span style="display:block">Password</span>
 <input style="display:block" type="password" name="password" size="12" maxlength="15">
 <input style="display:block" type="submit" name="Login" value="Login">
  </form>
  </div>

prova così

[blur]

il quella maniera non funziona molto bene.
avrei quasi risolto cosi.

css:

#

boxlogin { width:160px;  margin:0em auto;text-align:left }
#boxlogin1 { width:160px;  margin:0em auto; text-align:center }

#boxlogin { 
              
              margin:0; padding:0 0em; 
              border:1px solid #ccc; 
	 background:#E0DFE3 ; 
	 text-decoration:none; 
              height:1em;line-height:1em;
		} 
		
#boxlogin1 { 
        
        
              margin:0; padding:0 0em; 
              border:1px solid #ccc; 
	 background:#FAFAFD ; 
	 text-decoration:none; 
              height:1em;line-height:1em;
		}

html:

<div id="boxlogin"><h2>Area riservata</h2></div>
<div id="boxlogin1">
<form name="Sample" method="post" action="<? print $resultpage ?>">
 <span style="display:block">Username</span>
  <input style="display:block" type="text" name="username" size="12" maxlength="15">
 <span style="display:block">Password</span>
 <input style="display:block" type="password" name="password" size="12" maxlength="15">
 <input style="display:block" type="submit" name="Login" value="Login">
  </form>
  </div>

mi va bene per IE ma con moz mi si accavalla tutto il form