Salve!.
Sto cercando di fare un form, senza l'utilizzo di tabelle per posizionare i vari elementi.
Sono arrivato a questo punto:
(qui la pagina).Codice HTML:[...]
<style type="text/css">
.contenitore_form
{
width: 200px;
padding: 10px;
}
.contenitore_form label, input
{
width: 90px;
margin-bottom: 10px;
}
.contenitore_form label
{
float: left;
text-align: right;
}
.contenitore_form input
{
float:right;
}
.contenitore_form .submit
{
width: auto;
margin: auto;
}
</style>
[...]
<div class="contenitore_form">
<form action="form_senza_tabella.html" method="post">
<label for="nick">Nick: </label><input id="nick" type="text" name="nick">
<label for="password">password: </label><input id="password" type="password" name="pass">
<label for="ricorda">Ricorda</label><input id="ricorda" type="checkbox" name="ricorda">
<input type="submit" value="login" class="submit">
</form>
</div>
[...]
Non riesco a:
- allineare la checkbox a sinistra (facendolo stare più vicino alla scritta "ricorda").
- centrare il pulsante submit.
Altre cose scondarie: mi piacerebbe eliminare «class="submit"». Mi piacerebbe anche eliminar tutti gli id negli input; li ho messi per far in modo che la pagina sia validata (per il fatto dei label).
Grazie!
Ciao!
EDIT:
Ovviamente, suggerire o proporre altri miglioramenti che non ho scritto è ben accetto :mrgreen:.
