[bglug] allineare campi label & input senza usare table

Dom 19 Giu 2011 02:23:39 CEST

Ciao Enzo,

Il giorno 18/giu/2011, alle ore 23.47, enzo ha scritto:
> vorrei allineare i campi label & input indicati di seguito senza usare il layout
> table.

Se utilizzi qualche tag logico potremmo pensarci, ad esempio:

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      span.label { width: 100px; float: left; }
    </style>
  </head>
  <body>
    <p><span class="label">Utente</span><input name="user_name" size="20" maxlength="30" type="text" /></p>
    <p><span class="label">Password</span><input name="password" size="20" maxlength="30" type="password" /></p>
    <p><span class="label">E-mail</span><input name="email" size="20" maxlength="100" value="dummy@swimmingpool.org" type="text" /></p>
  </body>
</html>

Dovrebbe funzionare. Forse non è il metodo più utilizzato, ma mi sembra comunque quello più pulito.

Normalmente non puoi assegnare una dimensione ad un elemento inline come 'span', ma rendendolo float risolvi il problema.

Ciao e grazie, a presto,
-- 
Emiliano Vavassori - testina@sssup.it
Web - http://syntaxerrormmm.altervista.org/
Blog - http://syntaxerrormmm.blogspot.com/
GuIT - http://www.guit.sssup.it/

-------------- parte successiva --------------
Un allegato non testuale è stato rimosso....
Nome:        PGP.sig
Tipo:        application/pgp-signature
Dimensione:  203 bytes
Descrizione: Questa è un messaggio firmato elettronicamente
URL:         <http://lists.linux.it/pipermail/bglug/attachments/20110619/2659419a/attachment.pgp>