tEst

Sfruttando la proprietà (CSS) position possiamo posizionare liberamente il contenuto di un oggetto codice HTML all'interno di una pagina.

In questa pagina, per esempio, potete vedere in alto a destra un menu a tendina.

Per ottenere ciò, nella sezione CSS di un oggetto codice HTML, inseriamo questo codice:

#imCel7_00 {position: static; }

Personalizzare (in rosso) il numero che WS attribuisce alla cella dell'oggetto codice HTML
Nota: questo codice serve per "liberare" l'oggetto dalla sua posizione "originale"

Nella sezione HTML inseriamo questo codice:

<div style="position: absolute; top: -100px; left: 100px;">

QUI POTETE INSERIRE IL VOSTRO CODICE HTML

</div>

Personalizzare (in rosso) con le coordinate della nuova posizione del contenuto dell'oggetto codice HTML
Personalizzare (in verde) con il vostro codice HTML (per esempio il codice di un menu a tendina)

Nota: la nuova posizione dell'oggetto codice HTML (utile per calcolare le coordinate del contenuto) è in alto a sinistra nel div che lo contiene: imPage ( sotto il menu orizzontale oppure sotto l'header, se si usa la struttura a menu verticale). Nel caso fossero attivate le opzioni visualizza titolo/percorso della pagina, l'oggetto codice html si troverà sotto il titolo/percorso della pagina.

Potete approfondire l'argomento, per esempio, QUI