ottenere un form login uguale

[JavaFurbix]

salve , vorrei ottenere un form per il login in questo modo .. Però ho delle difficoltà ... In primis secondo voi com'è composto ? Da 3 div ? uno principale che contiene gl'altri due ?!?

In più ho difficoltà con ol campo <legend> ...
Se uso <legend align="center"> prova </legend> funziona bene mentre usando css
<legend style:"text-align=center;"> prova </legend> non funziona perchè ?!?!?

In più ho difficoltà a posizione i bottoni come sono in figura... Potreste aiutarmi ?

Grazie!

[ResianTaxidrive]

NOn funziona perchè devi mettere style="text-align:center"

hai invertito i ":" con "="

[fcaldera]

Originariamente inviato da JavaFurbix
Da 3 div ? uno principale che contiene gl'altri due ?!?

ne basta anche uno solo, assumendo che tu possa stilarlo usando un markup veramente minimale

<div>
   <h1>social network</h1>
   <form>
       <fieldset>
           <legend>login</legend>
           <label>Login <input type="text" name="..." /></label>
           <label>Password <input type="passoword" name="..." /></label>
       </fieldset>

       <button type="submit">Login</button>
       
   </form>
</div>

[JavaFurbix]

Originariamente inviato da ResianTaxidrive
NOn funziona perchè devi mettere style="text-align:center"

hai invertito i ":" con "="

si , ho solo sbagliato a postare... Volevo scrivere appunto questo :

<legend style="text-align:center;">Login</legend>

ma non funziona .....

[JavaFurbix]

Originariamente inviato da fcaldera
ne basta anche uno solo, assumendo che tu possa stilarlo usando un markup veramente minimale

<div>
   <h1>social network</h1>
   <form>
       <fieldset>
           <legend>login</legend>
           <label>Login <input type="text" name="..." /></label>
           <label>Password <input type="passoword" name="..." /></label>
       </fieldset>

       <button type="submit">Login</button>
       
   </form>
</div>

io ho fatto così :

<div id="contenitore_login" style="width:280px">
<div id="titolo_login">
	<p style="border: solid 3px #F00; text-align:center; size:20pt;"> Social Network </p>
</div>
<div id="dati_login">
<fieldset>
  <legend style="text-align:center">Login</legend>
  	<form action="login.php" method="POST">
    <table>
    	<tr>
        	<td>
            	<label>Email</label>
            </td>
            <td>
            	<input type="text" name="email" value="" />
            </td>
        </tr>
        

        <tr>
        	<td>
            	<label>Password</label>
            </td>
            <td>
            	<input type="password" name="passw" value=""  />
           	</td>
     	</tr>
        <tr>
        	<td>
            	
            </td>
           	<td>
           		<input type="submit" name="login" value="Login" />
            	<input type="reset" name="reset" value="Reset"  />
            </td>
        	
        </tr>
    </table>
    
    </form>
  </fieldset>
</div>
</div>

come posso ridurre lo spazio tra il "titolo" Social Network e il fieldset ?!?


Grazie per la tua soluzione è molto efficace ed elegante ...

semplicemente LoL