Impostare una tabella

[james81]

Ciao a tutti
girando nel web ho trovato unimpaginazione che mi piace molto (posto una screenshot), ho provato ma non riesco ad ottenere un'allinemento di 3 tabelle come questa.

Come posso realizzare una cosa del genere?

Graciess

[Mich_]

Io non vedo tabelle in quell'immagine.

Io vedo un layout a tre colonne, in ciascuna delle quali c'e` un form.

Per la suddivisione in colonne, vedi i siti di layout (ad esempio puoi partire dai "link utili")

Per la formattazione dei form, puoi vedere questi link:
Accessible CSS Forms: Using CSS to Create a Two-Column Layout
Form fluidi con i css
Styling form controls with CSS
Suggerimenti di aiuto sui form con CSS e Javascript
Form con CSS e Javascript... e possibilmente con giudizio
Personalizzare e rimpiazzare le label in un form

In aggiunta, nella colonna di sinistra c'e` un menu a tab (vedi ad esempio tra i menu dei "link utili" quelli di CSSplay).
E nella colonna di sinistra ci sono blocchi impaginati tramite <fieldset>.

Credo che con questi hai una serie di spunti tramite i quali approfondire l'argomento ed iniziare il lavoro. Ricorda sempre pero` che prima viene il codice HTML, e se usi correttamente i tag secondo il significato semantico, e` molto piu` semplice sistemare poi il CSS.

[james81]

gracies mille...ho letto le guide ma non sono riuscito ad ottenre una cosa similare a questa, qualcuno che può darmi una mano?

[Mich_]

Non e` che basta leggere le guide per diventare esperti !

In quella immagine ci sono molte cose da sistemare; io ti ho sezionato i problemi, ma non te li ho risolti.

Probabilmente ci metti alcune ore per risolvere ciascuno dei problemi.

Primo passo: impaginare a colonne (tre <div> formattati in modo opportuno).
Secondo passo: inserire i tre tag <form> (ciascuno con i suoi campi)
Terzo passo: formattare i form delle due colonne a destra (sono molto simili, per cui possono essere trattati assieme)
ecc.

Probabilmente per il primo passo puoi copiare la formattazione, ma poi devi adattarla al tuo caso specifico. Devi decidere se le larghezze sono fisse o fluide; e nel caso siano fisse se sono espresse in px o altro (io ti consiglio di usare gli em - ci metti un attimo in piu` a capire come funzionano, ma poi la pagina e` robusta rispetto al font usato).

[james81]

no infatti come da tuo consiglio ho prima fatto delle prove, io avevo pensato di utilizzare un
fieldset il quale contenesse 3 div affiancati e poi lavoravo sù ogni div.

il problema è che ho utilizzato questa sintassi per i 3 div affiancati ma non và

<div id="col1" style="background-color: red; float: left;">colonna1</div>
<div id="col2">colonna2</div>
<div id="col3" style="background-color: blu; float: right;">colonna3</div>

[Mich_]

Originariamente inviato da james81
no infatti come da tuo consiglio ho prima fatto delle prove, io avevo pensato di utilizzare un
fieldset il quale contenesse 3 div affiancati e poi lavoravo sù ogni div.

Ma il form e` uno unico o sono tre? Chairamente la cosa e` diversa per come si deve impostare l'HTML.

il problema è che ho utilizzato questa sintassi per i 3 div affiancati ma non và

Infatti non devi inventare un layout, ma copiarlo (in linea di massima anche il blocco centrale deve essere float; e per funzionare occorre definire alcune larghezze).
Comunque ti ho indicato dove trovare spunti.

[james81]

sono 2 form e invece il 3 sono solo dei link

pensavo di inserire i due form dei rispesttivi div e per quello non ci sono problemi...il problema nasce nell'affiancare i tre div