WWW.ROOTWEB.IT

Css i fogli di stile

Definiamo il blocco di sinistra con una larghezza di 530px, con float:left allineiamo il blocco a sinistra.

 Definiamo il blocco di destra con una larghezza di 200px e con float: right; allineiamo il blocco a sinistra, il padding ci permette di posizionare il testo nel blocco

Non ci resta che definire il piepagina che avrà una larghezza di 850px come il Wrap, e l'altezza che sarà di 140px

Dopo la costruzione del foglio di stile, realizziamo la pagina html richiamando i blocchi appena creati. I blocchi dovranno essere sistemati come nella figura vista all'inizio, tutti i blocchi annidati nel blocco Wrap.

 <div class="wrap">

  <div class="header">  Qui va l'intestazione </div>

  <div class="left">  Qui vanno i contenuti </div>

  <div class="right">  Qui vanno i menù </div>

  <div class="footer">  Qui va il piepagina </div>

</div>

 Vediamo il risultato ottenuto dopo la sistemazione dei blocchi, come si può notare, il nostro lavoro ci ha permesso di ordinare  i contenuti, ma la grafica è troppo sobria.

Guarda il risultato parziale