Esercitazione 7-2

In questa esercitazione mostreremo il codice degli esempi mostrati nella lezione in modo che lo studente possa ampliarli o modificarli a piacere.

Esempio 1

Nella sezione di destra a "Oggetto 1" ho applicato i seguenti valori di offset: left:30px; top:20px;. Notare come l'oggetto si è spostato fuoriuscendo dal proprio contenitore.

Oggetto 1

Esempio 2

Agli elementi "Oggetto 2", "Oggetto 3", e "Oggetto 4", nella sezione destra, ho applicato i seguenti offset:

Oggetto 2 - left:30px; top:20px;
Oggetto 3 - left:30px; top:20px;
Oggetto 4 - nessun offset.

Notare come "Oggetto 3" vada a finire sotto ad "Oggetto 4".

Oggetto 2

Oggetto 3

Oggetto 4

Oggetto 2

Oggetto 3

Oggetto 4

Esempio 3

Agli oggetti di destra ho applicato i seguenti offset:

Oggetto 5 - top:2em;
Oggetto 6 - top:2em;
Oggetto 7 - top:2em
img - left:60%; bottom:6em; (lo stesso risultato lo potrei ottenere sostituento bottom:6em; con top:-6em;)

Oggetto 5

Oggetto 6

Oggetto 7

Oggetto 5

Oggetto 6

Oggetto 7

Appunti

Questa sezione è destinata a contenere gli appunti personali del lettore.