inserire form

[monique]

devo fare un form, qui una prova, fatta brutalmente con le tabelle VVoVe: , non sapendo come farla con i css.

http://provevarie.atspace.com/form.htm

mi date una mano?

grazie!!

[fcaldera]

Un esempio usando i float

<form...>
  <fieldset>
     <label>...</label>
     <input ... />
  <fieldset>
  <fieldset>
     <label>...</label>
     <input ... />
  <fieldset>
  ...

</form>

Css

form {width: 350px; }
fieldset { height: auto; overflow: hidden; }
fieldset * { float:left; display: inline; }
fieldset label { width: 120px; }
fieldset input { width: 220px; margin-left: 10px; }

[monique]

non sono molto pratica con i css, quindi con un codice così

<form...>
<fieldset>
<label>...</label>
<input ... />

non so che devo fare

non hai un codice di un form già fatto che posso riadattare?
o sai dove posso trovarne uno??

grazie!

[fcaldera]

Originariamente inviato da monique
non sono molto pratica con i css, quindi con un codice così

<form...>
<fieldset>
<label>...</label>
<input ... />

non so che devo fare

non hai un codice di un form già fatto che posso riadattare?
o sai dove posso trovarne uno??

grazie!

nel mio sito in profilo, la sezione contatti ha un codice molto simile...

[monique]

http://provevarie.atspace.com/form3.htm

sono stata brava? (a copiare? )

solo alcune domande

- nel codice, queste cose a che servono??

-none repeat scroll 0%;
-moz-background-clip:
-moz-initial;
-moz-background-origin:
-moz-initial;
-moz-background-inline-policy:
-moz-initial;

- è possibili allineare i testi (nome, cognome, ecc) a destra?

- nel tuo codice ho trovato :

io ero rimasta che il tag br non si chiudeva (ne apriva)

- è più corretto scrivere
o

[fcaldera]

Originariamente inviato da monique
http://provevarie.atspace.com/form3.htm
- nel codice, queste cose a che servono??

-none repeat scroll 0%;
-moz-background-clip:
-moz-initial;
-moz-background-origin:
-moz-initial;
-moz-background-inline-policy:
-moz-initial;

Io non ce li ho messi... probabilmente hai usato qualche plugin come firebug che ti mostra l'interpretazione dei css su firefox

- è possibili allineare i testi (nome, cognome, ecc) a destra?

basta dare text-align: right al div che contiene la label....

- nel tuo codice ho trovato :

io ero rimasta che il tag br non si chiudeva (ne apriva)

- è più corretto scrivere
o

Se usi XHTML devi chiudere tutti i tag (anche gli input se non te ne sei accorta). Di norma va dato uno spazio prima della slash quindi è corretta la seconda.

[monique]

Citazione:

- è possibili allineare i testi (nome, cognome, ecc) a destra?


basta dare text-align: right al div che contiene la label....

forse sarò studpida io... ma proprio non risco a capire dove inserire quel
text-align: right
in quale punto del codice!

sto facendo diverse prove... ma il testo sempre a sinistra rimane

[fcaldera]

...
<div class="content">


<form action="/scrivimi.php" method="post" name="scrivimi">
<div style="text-align: right; width: 120px; float: left; ..."> Nome</div>

...